Термины Webpack 4 Split Chunks - PullRequest
Новая
       41

Термины Webpack 4 Split Chunks

0 голосов
/ 23 мая 2018

Я понимаю отличную работу, проделанную в веб-пакете 4. Специально для переписывания плагина разделения кода.Тем не менее, и поскольку он все еще новый, я не могу найти хорошую документацию по новому SplitChunksPlugin.

Я борюсь за значение выбранных терминов.Например:

chunks : есть 3 возможных значения: «начальное», «асинхронное» и «все».Что это значит?Начальные куски записи?Async динамически импортируется?все это начальный + асинхронный?Если я использую начальный, то мои динамические импортированные куски не будут использовать разделение кода?Например.main.tsx динамически импортирует about.tsx, который выполняет обычный импорт lodash.Lodash не будет извлечен в комплект поставщиков?

принудительное исполнение : я вижу множество конфигов, устанавливающих принудительное применение: true, что это значит?

Длялучший контекст я выкладываю пример конфигов splitChunks. 

optimization: {
    splitChunks: {
      cacheGroups: {
        'commons': {
          minChunks: 2,
          chunks: 'all',
          name: 'commons',
          priority: 10,
          enforce: true,
        },
      },
    },
  },

1 Ответ

0 голосов
/ 23 мая 2018

Действительно, хотя на самом деле есть некоторая официальная документация: https://webpack.js.org/plugins/split-chunks-plugin/

Следующая статья может быть более полезной: https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366

Я особенно нахожу следующее очень поучительное:

В новом графе фрагментов представлен новый объект: ChunkGroup.ChunkGroup содержит Chunks.

. В точке входа или асинхронной точке разделения указывается одна ChunkGroup, что означает, что все содержащиеся Chunks включены параллельно.На Chunk можно ссылаться в нескольких ChunkGroups.

Между Chunk больше нет родительско-дочерних отношений, вместо этого эта связь теперь существует между ChunkGroups.

Now “расщепление »Chunks может быть выражено.Новый Chunk добавляется ко всем ChunkGroups, которые содержат источник Chunk.Это не влияет негативно на родительские отношения.

...