Webpack - Javascript не выполняется после разделения кода - PullRequest
Новая
       84

Webpack - Javascript не выполняется после разделения кода

0 голосов
/ 26 мая 2020
• 1000

Я использую этот код фрагмента 

 splitChunks: {
        cacheGroups: {
            map_1: {
                test: /world-low*\.geo/,
                name: 'maps/map_low',
                chunks: 'initial',
                priority: 20,
            },
            map_2: {
                test: /world-medium*\.geo/,
                name: 'maps/map_high',
                chunks: 'initial',
                priority: 20,
            },
            default: {
                reuseExistingChunk: true,
                priority: -50,
            },
        },
    },

Что делает именно то, что я хочу, с точки зрения создания файла, но скрипт больше не выполняется. Даже console.log в первой строке.

Это правильный подход к отложенной загрузке файлов?

Спасибо, ralph

1 Ответ

0 голосов
/ 26 мая 2020

Итак, обнаружил несколько вещей:

Split Chunks не имеет ничего общего с ленивой загрузкой. Все фрагменты должны быть указаны в HTML. Это хорошо только в том случае, если вы не хотите загружать все сценарии на всех страницах.

Для ленивой загрузки есть только решение стиля комментариев 

**const _ = await import(/* webpackChunkName: "lodash" */ 'lodash');**

См.: https://webpack.js.org/guides/code-splitting/#dynamic -imports

Или, в моем случае, импорт файлов stati c можно выполнить с помощью некоторых команд выборки (или я использую d3. json).

...