Именованный файл сборки Chunk для ленивых загрузочных маршрутов VueJS

Question

Я использую шаблон веб-пакета vuejs. В этом я пытаюсь добиться ленивой загрузки. Для этого я написал ниже

const Setting = resolve => {
    require.ensure(['./components/setting/Setting.vue'], () => {
        resolve(require('./components/setting/Setting.vue'));
    }, 'setting');
};

На npm run build команда, это генерирует 0.build.js файл, как и ожидалось. Но я хотел бы создать именованный файл чанка как setting.build.js и для других модулей, таких как other1.build.js, other2.build.js и т. д.

Может кто-нибудь помочь мне сгенерировать именованный файл чанка для каждого модуля?

Answer 1

Мы можем достичь этого, используя ниже в webpack.config.js-

  output: {
    ....
    chunkFilename: '[name].chunk.js',
    ....
  },

chunkFilename: '[name].chunk.js' генерирует файлы с помощью setting.chunk.js, other1.chunk.js, other2.chunk.js и т. д.

chunkFilename: '[id].chunk.js' генерирует файл с 0.chunk.js и 1.chunk.js