我正在使用带有HTMLWebPackPlugin的Webpack 4。 我目前正在处理接近30个不同的页面,并且将来可能会有更多。 这里是我的一些代码示例...
new HTMLWebpackPlugin({
template: './src/game11/index.html',
mViewPort: 'width=device-width, initial-scale=1.0',
favicon: './src/game11/media/favicon-16x16.png',
title: 'Game 11 Training',
filename: 'game11.htm',
chunks: ['game11']
}),
new HTMLWebpackPlugin({
template: './src/game12/index.html',
mViewPort: 'width=device-width, initial-scale=1.0',
favicon: './src/game12/media/favicon-16x16.png',
title: 'Game 12 Training',
filename: 'game12.htm',
chunks: ['game12']
}),
目前在我的webpack.config.js文件中已经有30个这样的东西了。但我更希望像这样做...
['game11','game12','something-else','etc'].forEach((event) => {
new HtmlWebpackPlugin({
template: './src/${event}/index.html',
mViewPort: 'width=device-width, initial-scale=1.0',
favicon: './src/${event}/media/favicon-16x16.png',
title: '${event} Training',
filename: '${event}.htm',
chunks: ['${event}']
}),
}),
上面的代码无法工作,只是一个草图。但是今天是否有可能不添加额外的插件或修改输出而实现类似的功能呢?我只想添加数组值,这将创建一个新的实例。
非常感谢!
Array.prototype.map
替代:['game11','game12','something-else','etc'] .map((event)=> { return new HtmlWebpackPlugin({...
- lenilsondc