Webpack 4 связывает или игнорирует динамический импорт - PullRequest
Новая
       6

Webpack 4 связывает или игнорирует динамический импорт

0 голосов
/ 15 января 2019

Я использую динамический импорт в index.js: 

import('./componentA');
import('./componentB');
import('./componentC');

const myIndexVar = 'My Index Var';

index.ts - это точка входа в мой webpack.config.js.

В результате получается один пакет, содержащий все 4 файла - индекс и 3 компонента.

Моя цель состоит в том, чтобы каждый из файлов был отдельно в моей папке dist, чтобы index мог динамически загружать компоненты по требованию во время выполнения.

т.е. во время выполнения я хотел бы загрузить index.js, и он, в свою очередь, будет запрашивать компоненты a-c через динамический импорт при необходимости.

В зависимости от событий дает одинаковые результаты: 

document.body.onclick = () => import('./componentA');

Если я пытаюсь что-то подобное, он полностью игнорирует компонент и никак не добавляет его в папку dist: 

let componentName = './componentA';

import(componentName);

Я пытался следовать этой статье: https://webpack.js.org/guides/code-splitting/

Я неправильно понимаю, что должно произойти?

Если я не на правильном пути, есть ли альтернатива, которая может помочь мне достичь моей цели?

...