Webpack 4 splitChunks и libraryTarget

Question

У меня есть несколько записей: app, vendor, polyfills, bootstrap и вывод в виде библиотеки ['app', '[name]'] и libraryTarget var.

В браузере app переменная содержит:

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

Если я использую optimization.splitChunks для перемещения rxjs в bootstrap chunk app, переменная содержит:

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

(без bootstrap chunk)

Моя конфигурация:

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. вы не должны управлять чанками с веб-пакетом «вручную», допустим, у вас есть реальные точки входа app1 и app2 (потому что ваше приложение состоит из двух страниц);тогда webpack сгенерирует эти файлы для вас:

vendor.js vendor ~ app1.bundle.js app1.js - должен быть загружен на первую страницу

vendor.jsvendor ~ app2.bundle.js app2.js - должен быть загружен на второй странице