如何使用 Laravel Mix 将 Vue 块文件放入 public/js 中？

Question

我有一个 Laravel 和 Vue 项目，在其中我使用importVue 中的动态函数调用将我的组件分成单独的文件。

一切工作正常，但 Vue 块文件（例如，0.js，1.js等）直接放置在public目录下，而public/js不是放置在下app.js。

这是我的 Laravel Mix 文件：

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js/')
   .sass('resources/sass/vendor.scss', 'public/css/')
   .sass('resources/sass/app.scss', 'public/css/')
   .version();

我需要更改/添加什么才能让 Vue 块文件public/js在每次构建时自动放置在其中，而不是直接放置在public目录下？谢谢。

Answer 1

您可以像下面这样在 webpack 中添加路径

mix.webpackConfig({
    output: {
        chunkFilename: 'js/chunks/[name].js',//replace with your path
    },
});

请参阅此GitHub 问题以获取更多信息