更改 minify CSS Laravel Mix 的目的地

Question

我开始使用 Laravel Mix 作为我的 Web 开发项目的 Webpack，到目前为止，我发现它是我项目的完美工具，但我想让某些方面更有条理；当我缩小 CSS 文件时，它会缩小示例 CSS 文件所在的同一文件夹中的文件：

前： stylesheets/main/style.css

后： stylesheets/main/style.css和stylesheets/main/style.min.css

在这种情况下，我想将缩小后的文件放在一个名为 minify 的文件夹中，看起来像这样。

stylesheets/minify/style.min.css

Laravel Mix 网站说该文件是在文件的目标文件夹内自动创建的，我想更改此行为。有什么方法或扩展可以帮助我更改文件的目的地吗？

这是我的代码：

// webpack.mix.js
let mix = require('laravel-mix');

mix
.sass('stylesheets/sass/main.scss', 'stylesheets/main/main.css')
.minify('stylesheets/main/main.css');

// Change destination not working
//.minify('stylesheets/main/main.css', 'my-destination');

Answer 1

尝试以下操作：

mix.minify('stylesheets/main/main.css', 'stylesheets/minify/style.min.css');

或者

mix.minify('stylesheets/main/main.css', 'stylesheets/minify/my-minified-file.css');