1

我对 npm 和 SCSS 没有太多经验,所以我有以下问题:

我有一个 SCSS (app.scss) 文件,其中有很多地方我使用一种默认颜色作为背景。我的想法是有一个变量 $background_color 以便我可以轻松更改该颜色。有可能吗?如果可以,怎么做?

这是我的 mix.js 的代码:

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

mix.setPublicPath('public');

mix.sass('resources/sass/frontend/app.scss', 'css/frontend/frontend.css')
    .sass('resources/sass/backend/app.scss', 'css/backend/backend.css')
    .js('resources/js/frontend/app.js', 'js/frontend.js')
    .js([
        'resources/js/backend/before.js',
        'resources/js/backend/app.js',
        'resources/js/backend/after.js'
    ], 'js/backend/backend.js')
    .extract([
        'jquery',
        'bootstrap',
    ]);

if (mix.inProduction() || process.env.npm_lifecycle_event !== 'hot') {
    mix.version();
}
4

1 回答 1

0

sass 允许使用可重用的变量:

$color-blue: #0C4376;

食用方法如下:

.box {
  width: 200px;
  height: 50px;
  background-color: $color-blue; // variable used here
}

https://sass-lang.com/guide

于 2018-12-06T22:57:18.187 回答