如何使用laravel-mix正确组合sass和less文件？

Question

我尝试在laravel-mix中使用sass和较少的依赖项。

webpack.mix.js：

mix.js('resources/js/app.js', 'public/js')
mix.sass('resources/sass/app-sass.scss', 'public/css')
mix.less('resources/less/app-less.less', 'public/css');
mix.combine(['public/css/app-sass.css', 'public/css/app-less.css'], 'public/css/app.css');

这似乎是可行的，但是组合编译后的css文件是个好主意吗？或者有更好的方法(不创建这两个文件)？

Answer 1

我用来只组合来自外部库(Node_modules)的文件，我的项目的所有页面都需要这些文件。因此，我可以很容易地缩小它们并只用一个链接调用它们。

我也从不在同一个项目中使用sass和less。