webpack - Webpack 4 splitChunks 和 libraryTarget

Question

我有一些条目：app、vendor、polyfills和bootstrap输出为 library['app', '[name]']和 libraryTarget var。

在浏览器app变量中包含：

{bootstrap: Module, polyfills: Module, vendor: Module, app: Module}

如果我使用optimization.splitChunks将 rxjs 移动到bootstrap块app变量包含：

{polyfills: Module, vendor: Module, app: Module}

（无bootstrap块）

我的配置：

optimization: {
  runtimeChunk: {
    name: 'bootstrap'
  },
  splitChunks: {
    minSize: 1,
    chunks: 'all',
    cacheGroups: {
        vendors: false,
        default: false,
        rxjs: {
          name: 'bootstrap',
          test: /[\\/]node_modules[\\/]rxjs[\\/]/
        }
    }
  }
}

如何移动rxjs到bootstrap块不丢失app.bootstrap变量值？

Answer 1

1. vendor, polyfills,bootstrap不能是入口点。只有应用程序才是真正的切入点。

2. 您不应该“手动”使用 webpack 管理块，假设您有真正的入口点 app1 和 app2（因为您的应用程序由两个页面组成）；然后 webpack 将为您生成这些文件：

vendor.js vendor~app1.bundle.js app1.js - 应该在第一页加载

vendor.js vendor~app2.bundle.js app2.js - 应该在第二页加载