如何将 sass 和 less 文件与 laravel-mix 正确组合？答案

【问题标题】：How to combine sass and less files correctly with laravel-mix?如何将 sass 和 less 文件与 laravel-mix 正确组合？
【发布时间】：2020-04-10 12:43:44
【问题描述】：

我尝试在 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 文件是个好主意吗？还是有更好的方法（不创建两个文件）？

【问题讨论】：

作为一般准则，您可以将所有内容捆绑在一个文件中，以便您可以分别编辑它们，但最终您将拥有一个 .css 文件。

标签： laravel webpack sass less laravel-mix

【解决方案1】：

我只用于组合来自外部库（node_modules）的文件，我的项目的所有页面都需要这些文件。因此，我可以轻松地缩小它们并仅通过一个链接调用它们。

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

【讨论】：