從0開始配置webpack

1.在哪修改webpack的配置
創建文件 webpack.config.js
強調 文件名必須是規定的名

2.webpack配置格式

modules.exports = {

}

3.webpack包含屬性
*
入口 （entry）
*
出口 （output）
*
loader
*
插件 （plugins）
*
模式 （mode）

4.入口 entry

配置單入口語法
用法：entry: string|Array

entery:’./src/app.js’

配置對象語法

用法：entry: {[entryChunkName: string]: string|Array}

entry :{
app:’./src/app.js’,
vendors:’./src/vendors.js’
}

5.輸出 (output)

單文件輸出

output:{
filename:‘app.js’, //輸出的文件名
path:__dirname + ‘/dist’
}

多入口輸出

{
//配置多入口
entry :{
app:’./src/app.js’,
vendors:’./src/vendors.js’
},

//配置多出口
output:{
filename:’[name] [chunckhash].js’, //name即爲入口配置對象的key，chunckhash根據chunck生成不同的hash
path:__dirname + ‘/dist’
}
}