Динамический импорт Webpack 4 не производит отдельный блок - PullRequest
Новая
       8

Динамический импорт Webpack 4 не производит отдельный блок

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

Я пытаюсь асинхронизировать импорт lodash в качестве примера, но вместо этого он включается в основной блок

Version: webpack 4.23.1

module.exports = {
  mode: "development",
  context: __dirname,
  devtool: 'sourcemap',
  entry: {
    "entry1": "./src/entry1.ts"
  },
  output: {
    path: __dirname + "/dist",
    filename: "[name].js",
    chunkFilename: "[name].js",
  },
  // ...
}

Я сделал простой код, чтобы воспроизвести проблему 

document.addEventListener('DOMContentLoaded', async () => {
  console.log('DOMContentLoaded')
  // lodash should be made into a separate chunk
  // but it gets included in the entry1 chunk
  const _ = await import('lodash')
  console.log('loaded test chunk')
  console.log(_.concat)
})

Полный репо связан ниже
https://github.com/unlocomqx/webpack4-async-chunk

1 Ответ

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

Я нашел свою ошибку

Я изменил "module": "esnext", в tsconfig, и это сработало!

...