从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’
}
}