首页 > 解决方案 > Webpack:将一些条目拆分为块,但其他条目 - 不要

问题描述

是否可以拥有一个配置了多个入口点(站点上有多个页面)的 webpack 开发服务器,每个入口点都有不同的配置?

具体来说,我希望将一个条目(页面的 JS 代码)拆分为多个块,但不要将另一个条目(带有已翻译消息的 JS 本地化包)分块。

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

标签: ruby-on-railswebpackchunkswebpacker

解决方案


您可以使用一个函数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';
      } 
    }
  }
}))

推荐阅读