所以我使用 Laravel-Mix 并在 Webpack 中设置了代码分割。我正在为我的 Vue 组件使用动态导入,如下所示。
Vue.component('UserMenu', () => import('./components/UserMenu.vue'));
由于我也在使用 Babel,因此我从我的应用程序加载了语法动态导入插件.babelrc
文件位于项目根目录中。
这一切都工作正常,并且 Webpack 在构建时正确地分割了代码。然而,问题是,它将块放在公共根中而不是放在public/js
如果在我的 webpack.mix.js 中我这样做......
mix.js('resources/assets/js/app.js', 'public/js');
...然后混合将构建的文件正确地放置在/js
目录。
但为了对文件进行分块,如果在 webpack.mix.js 中我会...
mix.webpackConfig({
entry: {
app: './resources/assets/js/app.js',
},
output: {
filename: '[name].js',
publicPath: 'public/js',
}
});
...无论我分配给 publicPath 属性什么,所有块都会放入公共根中。
知道我在这里缺少什么吗?