代码拆分无法按预期在异步导入中工作

Question

import(
    /* webpackChunkName: "EmojiPicker" */
    /* webpackMode: "lazy-once" */
    /* webpackPreload: true */
    "./EmojiPicker"
).then(module=>console.log(module))

我尝试在我的webpack项目中使用异步导入。 最后，我发现还有另外两个捆绑包：

但是，我想要的是一个附加的捆绑包，其中包含vender~EmojiPicker和EmojiPick。

有可能吗？

Answer 1

在optimization.splitChunks设置下，有许多用于代码拆分的配置选项：https://webpack.js.org/plugins/split-chunks-plugin/#configuration

我尚未测试，但是您可能正在运行默认的cacheGroups配置。尝试禁用它：

module.exports = {
  //...
  optimization: {
    splitChunks: {
      cacheGroups: {
        default: false
      }
    }
  }
};