如何通过Laravel Mix将Vue块文件放入public / js？

Question

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

一切正常，但是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 issue了解更多信息