Laravel 将一个 sass 混合到多个 css

帕特里克·L。

尝试此操作时:

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css/app_blue.css', {
        data: '$theme-bg-primary: #1450d9;'
    })
    .sass('resources/sass/app.scss', 'public/css/app_red.css', {
        data: '$theme-bg-primary: #ba0000;'
    });

npm 的输出是 should not contain the item '[...]/app.scss' twice.

如何从一个来源输出 2 个不同的 css 作为 app.scss ?

达里尔·克拉克

您需要为正在创建的每个主题创建一个存根 scss 文件,而不是将您的数据注入到 mix 调用中。

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app_red.scss', 'public/css')
   .sass('resources/assets/sass/app_blue.scss', 'public/css')

这些 scss 文件包含app.scss您使用您的data注入的基础和覆盖

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

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

将一个SASS / COMPASS文件编译成多个CSS文件

如何通过laravel mix将两个SASS文件合并到一个CSS文件中?

使用 Laravel MIX 将多个 CSS 编译为一个 CSS

Laravel 5和Webpack SASS-如何添加另一个CSS文件

通过将CSS文件组合到一个文件中来提高网站访问速度-Laravel

将 sass 编译成一个 css 文件时 Gulp 复制 css

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

Sass将多个CSS文件转换为CSS

如何使用sass / css将div的宽度设置为等于另一个div?

将一个div移到多个div(CSS)旁边

找不到laravel混合sass图像/哈希

Gradle:将多个源组合到一个罐中

VueJs 的最佳实践使用 laravel 混合和放置 app.js 与 bootstrap 和 app.css 来自 sass

LARAVEL:如何将app.sass编译成app.css

如何在 OpenGL 中将多个纹理/缓冲区混合到一个纹理/缓冲区中?

如何将两个查询作为下拉元素混合到一个

是否可以将两个GraphQL查询混合到一个查询中?

将音频元素混合到一个流目标中以与MediaRecorder一起使用

将多个CSS文件合并为一个CSS文件

包括来自多个模块的CSS(Sass)

Grunt Sass-多个CSS样式输出

在 Laravel 中,您如何将一个模型中的列聚合到另一个模型中的列?

如何使用grunt-sass将多个scss文件编译成多个css文件?

反射:将内部类的模块镜像混合到一个单例对象中

如何将几个python脚本混合到一个shell脚本中?

是否可以创建一个检测当前 URL 的 CSS/SASS mixin?

监视所有sass文件的更改并将其保存在一个css文件中

SASS / CSS ::第一个子选择器不起作用