Почему использование require.убедитесь, что два разных способа приводят к сбою разделения кода

#javascript #webpack #code-splitting

Вопрос:

Разделение кода с использованием конфигурации webpack5 по умолчанию

 // chunk1.js

export const a = 'xxx'
 
 // index.js
 
// code splitting success 
require.ensure(
  [],
  (require) => {
    const mod = require('./chunk1')
    mod.default
  },
  'chunk1'
)
 

выходные файлы:

  • main.js
  • chunk1.js
 // code splitting fail 
require.ensure(
  [],
  (require) => {
    require('./chunk1').default
  },
  'chunk1'
)
 

выходные файлы:

  • main.js (этот файл включает в себя chunk1.js)

Почему происходит require('./chunk1').default сбой разделения кода