const path = require('path')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
var htmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: {
'index': './assets/js/index.es6'
},
output: {
// path:指定編譯的路徑
path: path.join(__dirname, './assets/'),
// publicPath:給每個(gè)編譯好的文件，在html中前面加上同樣的路徑
publicPath: './',
filename: 'js/[name].bundle.js'
},
module: {
rules: [{
test: /\.es6$/,
use: [{
loader: 'babel-loader',
options: {
presets: [
['env', {
//關(guān)閉babel編譯es6,打開treeShaking
modules: false
}],
]
}
}]
}, {
test: /\.less$/i,
use: ExtractTextPlugin.extract({
// fallback 所有的loader都失敗了拓诸，才調(diào)用這個(gè)
fallback: 'style-loader',
use: [{
loader: 'css-loader'
}, {
loader: 'less-loader'
}]
})
}]
},
// 放到cdn麻昼，就不需要打包進(jìn)項(xiàng)目了
external:{
jquery:'window.$'
},
plugins: [
new ExtractTextPlugin("css/[name].css"),
//提取出公用代碼
new webpack.optimize.CommonsChunkPlugin({
name: 'common',
minChunks: 2,
filename: 'js/[name].js'
}),
// 自動(dòng)把靜態(tài)文件插入html
new htmlWebpackPlugin({
filename: 'index.html',
template: './index.html',
inject: true
}),
// treeShaking 開啟壓縮抚芦，自動(dòng)去除沒用到不需要的代碼
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: true
},
output: {
comments: false
},
sourceMap: false
}),
// 把沒用的function干掉了迈螟，代碼看起來更好看
new webpack.optimize.ModuleConcatenationPlugin()
]
}
webpack2-3基本配置
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門洛心，熙熙樓的掌柜王于貴愁眉苦臉地迎上來题篷，“玉大人，你說我怎么就攤上這事法严『” “怎么了深啤？”我有些...
- 文/不壞的土叔 我叫張陵溯街，是天一觀的道長洋丐。 經(jīng)常有香客問我，道長友绝，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任郭宝，我火速辦了婚禮，結(jié)果婚禮上剩蟀，老公的妹妹穿的比我還像新娘。我一直安慰自己丙号，他們只是感情好缰冤，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著棉浸，像睡著了一般。 火紅的嫁衣襯著肌膚如雪枝恋。 梳的紋絲不亂的頭發(fā)上嗡害，一...
- 文/蒼蘭香墨 我猛地睜開眼棚壁，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼栈虚！你這毒婦竟也來了袖外？” 一聲冷哼從身側(cè)響起魂务，我...
- 序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎鬓照，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體豺裆，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡臭猜，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了羹应。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布紊馏，位于F島的核電站蒲犬，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏原叮。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一擂送、第九天 我趴在偏房一處隱蔽的房頂上張望唯欣。 院中可真熱鬧，春花似錦境氢、人聲如沸碰纬。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽此衅。三九已至，卻和暖如春酌泰，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背陵刹。 一陣腳步聲響...
- 正文 我出身青樓掐隐，卻偏偏與公主長得像狗热，于是被迫代替她去往敵國和親虑省。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1熟丸，配置中文 我們來到settings 中下位置可以看到這樣幾個(gè)參數(shù)： LANGUAGE_CODE = 'en-u...
- 轉(zhuǎn)自陳明乾的博客伪节，可能有一定更新。 轉(zhuǎn)原文聲明：原創(chuàng)作品纱兑，允許轉(zhuǎn)載，轉(zhuǎn)載時(shí)請(qǐng)務(wù)必以超鏈接形式標(biāo)明文章 原始出處 潜慎、...
- 最近，有人問我：做保險(xiǎn)累嗎勘纯？ 我很想說：當(dāng)然累钓瞭，整天和風(fēng)險(xiǎn)賽跑能不累？總害怕一旦風(fēng)險(xiǎn)提早發(fā)生山涡，一切就都晚了。整天向...
- 其實(shí)早就應(yīng)該看這個(gè)電影了竞穷，兩個(gè)小時(shí)的《山河故人》看下來胸悶氣短鳞溉。三個(gè)人的愛情兩代人的悲劇瘾带，賈樟柯的電影總是給人一股...
- 所謂智者不銳看政，是說一個(gè)很有智慧的人，你很難見到他有什么銳利之處允蚣，因?yàn)橐粋€(gè)真正的智者是不會(huì)輕易去做那些過激的事情...
