Задать вопрос
@Artem0071
Безработный mr. Junior

Почему данный код не создает lazy-loading чанки?

Есть следующий код:
// Тут беру все файлы из папки components
const files = require.context('./components', true, /\.vue$/i);

files.keys().map(key => {
    let componentName = key.split('/').pop().split('.')[0];
// пытаюсь создать динамическую загрузку для этих компонентов
    Vue.component(componentName, () => import(
        /* webpackChunkName: "base-component-" */
        `./components/${componentName}.vue`
    ))
});


В итоге все компоненты все равно билдятся в сам app.js, а чанки не создаются..
Что тут не так?

Это webpack.config (мб тут что то не так):
module.exports = {
    output: {
        chunkFilename: `dist/js/chunks/[name].js`,
    },
};
  • Вопрос задан
  • 405 просмотров
Подписаться 1 Средний Комментировать
Решение пользователя 0xD34F К ответам на вопрос (2)
0xD34F
@0xD34F Куратор тега Vue.js
Я вот слышал, будто require.context может принимать какой-то четвёртый параметр по имени mode, у которого значение по умолчанию вовсе НЕ 'lazy'.
Ответ написан