php – 使用Laravel Elixir将Sass和普通CSS合并到一个文件中

如何将纯CSS和Sass文件与Laravel Elixir结合使用?如果我运行以下代码,则在public / CSS /目录上生成两个文件“all.css”和“app.css”.但是,我只想生成一个CSS文件,它将是all.css.你们知道做任何招数吗?

elixir(function (mix) {
    mix.sass([
            'app.scss'
        ])
        .styles([
            'owl.carousel.css'
        ]);
})
最佳答案
我通常这样做.目录结构:

/public
    /css 
        all.css
/resources
    /css
        app.css
    /sass
        app.scss

代码应如下所示:

elixir(function (mix) {
    mix.sass([
        'app.sass'
    ], 'resources/assets/css/custom.css')
    .styles([
        '/resources/assets/css/app.css',
        '/resources/assets/css/custom.css',
    ], 'public/css/all.css', __dirname);
})

这将首先在/resources/assets/css/custom.css中创建custom.css文件,然后该文件夹中的所有css文件将合并到位于/ public / css中的一个文件中.

转载注明原文:php – 使用Laravel Elixir将Sass和普通CSS合并到一个文件中 - 代码日志