webpack - как создать расщепленный пакет с одной точкой входа - PullRequest
Новая
       22

webpack - как создать расщепленный пакет с одной точкой входа

0 голосов
/ 07 ноября 2018

Как извлечь выгоду из разделения кода веб-пакета при объединении всего этого в одну точку входа? Скажите, что мои точки входа следующие: 

entry: {
    polyfills: '@babel/polyfill',
    react: ['react', 'react-dom'],
    app: resolve(appDir, 'index.js'),
},

// plus additional relevant config blocks:
...
output: {
    filename: '[name].[contenthash].js',
    chunkFilename: '[name].[contenthash].chunk.js',
},
...
optimization: {
    splitChunks: {
        chunks: 'all',
    },
    runtimeChunk: 'single',
},

Это создаст несколько точек входа, которые все должны быть загружены на страницу (например, многократные заполнения, среды выполнения, чанки поставщиков ...) перед самим основным приложением.

Как можно настроить webpack таким образом, чтобы на страницу нужно было вставить только один тег script, который затем лениво вытягивает все необходимые куски?

Это упростит внедрение библиотек в приложение во время выполнения - упростит отправку только одного местоположения сценария из бэкэнда, а не нескольких (и гарантирует сохранение правильного порядка).

1 Ответ

0 голосов
/ 03 декабря 2018

Полагаю, мое первоначальное понимание работы веб-пакетов было ошибочным.

Определение splitChunks.chunks: 'all' & отдельное время выполнения и наличие действительно единственной точки входа (т. Е. Тега script для включения) являются взаимоисключающими.

...