代码之家 › 专栏 › 技术社区 › 1252748

为单独的HtmlWebpackPlugin实例分配单独的入口点脚本

html-webpack-plugin webpack node.js javascript

1

1252748 · 技术社区 · 8 年前

给定输入/输出,如

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

1 回复 | 直到 8 年前

1

2

pawel 8 年前

你试过 chunks 领域信息技术 Allows you to add only some chunks (e.g 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
  })
]