Как получить динамическое разбиение кода с помощью babel и webpack? - PullRequest
Новая
       96

Как получить динамическое разбиение кода с помощью babel и webpack?

0 голосов
/ 20 сентября 2018

Я пытаюсь получить динамическое разделение кода, используя webpack 4 и babel 6 через babel-loader, и это отчасти невозможно.Посмотрите на этот код: 

import Chunk1 from './chunks/Chunk1'
import('./chunks/Chunk2')
    .then( module => {
        Chunk2('Asynch')
    })
;

Chunk1('Sync')

Webpack разделит его на 2 части, если я не использую babel-загрузчик, но когда babel-загрузчик попадет в смесь, разделение пакетов закончится.Вот как я добавляю babel-loader в конфигурацию веб-пакета: 

{
  entry: {
    main: path.resolve(appDirectory, 'chunkTest.js')
  },

  output: {
    filename: '[name].bundle.js',
    chunkFilename: '[name].chunk.js',
    path: path.resolve(appDirectory, 'dist')
  },

  module: {
    rules: [{
      test: /\.m?js$/,
      include: [
        path.resolve(appDirectory, 'chunkTest.js'),
        path.resolve(appDirectory, 'chunks')
      ],
      use: {
        loader: 'babel-loader',
        options: {
          // No options at all
        }
      }
    ]
  },
}

Я пытался в течение нескольких дней без удачи, любая помощь очень ценится.Что я делаю не так?

...