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

时间:2020-01-28 22:44:24

标签: laravel vue.js webpack laravel-mix

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

一切正常,但是Vue块文件(例如0.js1.js等)直接放置在public目录下,而不是{{1}下},即public/js所在的位置。

这是我的Laravel Mix文件:

app.js

我每次更改时都需要更改/添加什么才能将Vue块文件自动放置在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(); 中,而不是直接放置在public/js目录下?谢谢。

1 个答案:

答案 0 :(得分:4)

您可以按照以下步骤在webpack中添加路径

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

有关更多信息,请参见此GitHub issue