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

Question

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

一切工作正常，但 Vue block 文件(例如 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 block 文件自动放置在 public/js 中，而不是直接放置在 public 下> 目录？谢谢。

Answer 1

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

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

查看此GitHub issue了解更多信息