Laravel混合：一行编译所有scss文件

Question

我一直在研究 laravel 项目，我的资源文件夹中有许多.scss 文件。 所以通常我会这样写

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/header.js', 'public/js')
    .sass('resources/sass/file1.scss', 'public/css')
    .sass('resources/sass/file2.scss', 'public/css')
    .sass('resources/sass/file3.scss', 'public/css')
    .sass('resources/sass/file4.scss', 'public/css')
    .sass('resources/sass/file5.scss', 'public/css')
    .sass('resources/sass/file6.scss', 'public/css')
    .sass('resources/sass/file7.scss', 'public/css')
    .sass('resources/sass/file8.scss', 'public/css')
    .sass('resources/sass/file9.scss', 'public/css')
    .sass('resources/sass/file10.scss', 'public/css')
    .sourceMaps();

有什么方法可以缩短它，而不是 coding.sass(source,destination)，而是像源数组一样写入，然后写入目标？ 无需将所有文件合并到一个 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 中，因为当然，每个 sass 文件都有自己的页面。 like.sass([array_source], 目的地)?

Answer 1

2种方式：

第一种方式：

制作一个名为app.scss的文件，并在此@import "file.scss"中包含所有文件。

然后.sass('resources/sass/app.scss', 'public/css')这将使所有文件成为一个文件。 这可能不是你所追求的。

第二种方式：

const fs = require("fs");

fs.readdirSync("resources/scss/").forEach(fileName => 
    mix.scss(`resources/scss/${fileName}`, "public/css"));

这会将它们全部保存在单个文件中。