Webpack：将某些条目拆分为块，但其他条目不需要拆分

Question

是否可能有一个webpack dev服务器，可以配置多个入口点（网站上有多个页面），每个入口点都有不同的配置？

特别是，我希望一个入口点（页面的JS代码）被拆分为块，但另一个入口点（带有翻译消息的JS本地化包）不被拆分。

一个可能的复杂性是，如果您愿意，可以忽略它，我正在使用Ruby-on-Rails webpacker，它会自动为我创建一些webpack配置。

- Barak

Answer 1

您可以使用一个函数来为optimization.splitChunks.chunks进行优化，通过名称排除您的本地化包，就像Webpack文档中的示例所示：https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkschunks

在Webpacker环境中，它可能如下所示：

environment.splitChunks((config) => Object.assign({}, config, { 
  optimization: { 
    splitChunks: {
      chunks(chunk) {
        // exclude `my-excluded-chunk`
        return chunk.name !== 'my-excluded-chunk';
      } 
    }
  }
}))

- rossta

---

这似乎不起作用。为了测试，我将 optimization.runtimeChunk 设置为 multiple 并添加了 chunks 函数。它仍然为主文件和翻译文件生成了运行时 JS 文件。 - Barak

@Barak：如果你只想要一个运行时.js文件，你可以将其设置为“single”。 - VimNing