Laravel mix - 更改编号 js 文件的输出目录答案

【问题标题】：Laravel mix - change output dir of numbered js filesLaravel mix - 更改编号 js 文件的输出目录
【发布时间】：2020-08-26 20:12:15
【问题描述】：

我正在使用 laravel mix 和 vuejs。

在我的webpack.mix.js 中，我正在设置 sass 和 js 编译的路径：

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

当我运行npm run dev 或npm run prod 时，它按预期工作。

但是因为 vuejs，我得到了几个额外的 js 文件（1.js、2.js 等），它们直接存储在 public 下。有没有办法在public/js下生成这些文件？

【问题讨论】：

【解决方案1】：

您可以通过将其添加到您的混合配置文件中来更改这些文件的输出位置

mix.webpackConfig({
  output: {
    chunkFilename: "js/[name].js",
  }
});

如果您想为文件名添加哈希以进行缓存，您可以像这样调整chunkFilename：

chunkFilename: "js/[name].[chunkhash:8].js"

【讨论】：