[英]Assign separate entrypoint scripts to separate HtmlWebpackPlugin instances
给定一个输入/输出,例如
entry: {
app: 'src/client/app.js',
unauthApp.js: 'src/client/unauth.js'
},
output: {
path: 'dist',
filename: 'scripts/[name]-[chunkhash].js'
},
...
plugins: [
new HtmlWebpackPlugin({
filename: 'views/index.html'
}),
new HtmlWebpackPlugin({
filename: 'views/index-inauth.html'
})
]
是否可以使用HtmlWebpackPlugin
两个实例将app
脚本放入一个模板,将unauthApp
脚本放入另一个模板。 到目前为止,我所能做的就是将两个脚本都放在这两个脚本中。 我也在玩htmlWebpackTemplate
所以也许有一个我还没有看到的选项。
webpack@^4.6.0
您是否尝试过chunks
字段? 它Allows you to add only some chunks (eg only the unit-test chunk)
plugins: [
new HtmlWebpackPlugin({
filename: 'views/index.html',
chunks: ['app'],
inject: true
}),
new HtmlWebpackPlugin({
filename: 'views/index-unauth.html',
chunks: ['unauthApp.js'],
inject: true
})
]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.