webpack属性配置

JavaScript

const path = require(‘path’)
module.exports ={
entry:{//main是默认入口，也可以是多入口
main:’./src/main.js’
},
//出口
output:{
filename:"./build.js"//指定js文件
path : path.join(_dirname,’…’,‘dist’) //最好是绝对路径
//代表当前目录的上一级的dist
},
module:{
//一样的功能rules : webpack2.x之后新加的
loaders:[ //require(’./a.css||./a.js’)
{
test:/.cssKaTeX parse error: Expected 'EOF', got '}' at position 60: … //顺序反过来 }̲, { te…/,
loader:‘url-loader?limit=4096&name=temp.[ext]’,
//顺序反过来
// [name].[ext]内置提供的,因为本身是先读这个文件
options:{
limit:4096,
name:’[name].[ext]’
}
}
]
},
plugins:[
//插件的执行顺序是依次执行的
new htmlWebpackPlugin({
template:’./src/index.html’,
})
//将src的template属性描述的文件根据当前配置的output.path

	]
}