Question

我试图在Laravel组合中将几个SASS文件和CSS文件合并为一个CSS文件，但是我找不到方法。

这是我尝试使用的示例laravel混合返回错误：

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

Answer 1

您可以将CSS文件导入sass文件中，然后在可行时仅编译主sass文件。发现了这一点可能对您有帮助：https://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file#:~:text=It%20is%20now%20possible%20to,will%20import%20your%20file%20directly。
您可以组合CSS文件。这是我使用的示例。也许您可以将sass编译为CSS，然后再使用此方法进行组合？

请检查样品

//combine CSS    
    mix.styles([
        'resources/css/open-iconic-bootstrap.min.css',
        'resources/css/animate.css',
        'resources/css/bootstrap-datepicker.css',
    ], 'public/css/essentials.css');

为完整起见，可以使用以下相同方法处理js文件，

// combine required js files
mix.combine([
        'resources/js/vendors/jquery-migrate.min.js',
        'resources/js/vendors/jquery.easing.1.3.js',
        'resources/js/vendors/bootstrap-datepicker.js',
        'resources/js/vendors/scrollax.min.js'
    ], 'public/js/essentials.js');

在webpack.mix.js上使用这种方法

如何在laravel混合中将SASS / SCSS文件和CSS文件合并为单个CSS文件？

1 个答案: