有时单页面并不能满足我们的业务需求,就需要去构建多页面应用,以下为简单小例:
entry:{
index:'./src/module/index/index.js',
student:'./src/module/student/index.js',
b:'./src/b.js'
},
output:{
path:path.resolve(__dirname,'dist'),
filename:'js/[name].[chunkhash].js' //可能会有很多js
},
plugins:[
new htmlPlugin({
filename:'index.html', //输出的html文件名
minify:{
removeAttributeQuotes:true
},
hash:true,
chunks:['index','b'], //打包时只打包index和b的js文件,见entry,
//注意有时使用chunks时模板index.html文件里面不允许有script标签,即使注释掉也会报错
template:'./index.html' //模板文件
}),
new htmlPlugin({
filename:'student.html',
minify:{
removeAttributeQuotes:true
},
hash:true,
chunks:['student'],
template:'./index.html'
}),
new extractTextPlugin('css/[name].[chunkhash].css'), //生成多个css文件,避免污染
//其他插件
],
上面的代码还有很多需要完善跟优化的地方,待续……