// Тут беру все файлы из папки 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`
))
});module.exports = {
output: {
chunkFilename: `dist/js/chunks/[name].js`,
},
};
const components = [
'cargovoyage.detail',
'cargovoyage.list',
];
document.addEventListener('DOMContentLoaded', () => {
components.forEach((component) => {
const componentClass = component.replace(/\./g, '-');
if (document.querySelector(`.${componentClass}`)) {
import(/* webpackChunkName: "[request]" */ `components/${component}`);
}
});
import(/* webpackChunkName: "vessel-form" */ './js/vessel/form');
});
Средний
Простой
Средний
Простой
