1 entry 配置增加多个
entry: {
home: paths.appSrc+ '/routes/home/index.js',
about: paths.appSrc+ '/routes/about/index.js'
}
2 HtmlWebpackPlugin 根据入口数量初始化多个
plugins: [
new HtmlWebpackPlugin({
inject: true,
template: paths.appHtml,
chunks: [ "home" ],
filename: 'index.html',
title: '首页'
}),
new HtmlWebpackPlugin({
inject: true,
template: paths.appHtml,
chunks: [ "about" ],
filename: 'about.html',
title: '关于我们'
}),
]
3 output 配置更改，确保每个入口生成一个独立文件
output: {
...
filename: isEnvProduction
? 'static/js/[name].[contenthash:8].js'
: isEnvDevelopment && 'static/js/[name].bundle.js',
...
}
4 如果要多个入口复用一个 runtime 更改 runtimeChunk
runtimeChunk: {
name: entrypoint => `runtime-${entrypoint.name}`,
},
=>
runtimeChunk: 'single'
