本文内容如下
多页配置
如果你都有了答案,可以忽略本文章,或去webpack学习导图寻找更多答案
多页配置
module.exports = {
entry: { //多入口
index:'./index.js',
other:'./other.js'
}
output: {
path: resolve(__dirname, '../dist'),
filename: 'js/[name].[contenthash:8].js',
},
plugins: [ //生成两个html
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
template: './index.html',
filename: 'index.html'
title: '代码研习',
chunks:['index'], //只引用index.js
}),
new HtmlWebpackPlugin({
template: './other.html',
filename: 'other.html'
title: '其他页面',
chunks:['other'], //只引用other.js
}),
],
}
总结:
学习更多