Css Webpack 2包含独立版本的html文件

我想设置一个包含两个html文件的项目：

index.html

和

iframe.html

index.html

应该注入来自

index.js

文件的捆绑包，但是对于

iframe.html

我想注入来自

iframe.js

文件中包含的依赖项的捆绑包

我有两个入口点的网页包（通用）配置：

entry: {
 app: Path.resolve(__dirname, '../src/scripts/index.js'),
 iframe: Path.resolve(__dirname, '../src/scripts/iframe.js')
},
output: {
  path: Path.join(__dirname, '../build'),
  filename: 'js/[name].js'
},

但似乎这两个

html

文件都被注入了完整的捆绑包-我如何分割它？（并确保

index.js

不会包含/共享

iframe.js

文件中的代码？

感谢我找到了一个解决方案：

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: Path.resolve(__dirname, '../src/index.html'),
  chunks: ['app']
}),
new HtmlWebpackPlugin({
  filename: 'iframe.html',
  template: Path.resolve(__dirname, '../src/iframe.html'),
  chunks: ['iframe']
})