【问题标题】:I'm trying to compile my SCSS code into CSS but the variables are not found我正在尝试将我的 SCSS 代码编译成 CSS,但找不到变量
【发布时间】:2019-07-04 10:59:04
【问题描述】:

我正在尝试使用我刚刚构建的 package.json 文件设置一个页面,以将我的 Sass 编译成 CSS,但是在编译时它说找不到我的变量。可能这是非常愚蠢的事情,但我不明白为什么不这样做。

这是我的 json 文件

    "watch:sass": "node-sass --watch sass/main.scss css/style.css ",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass prefix:css compress:css"
  },`

这是我的 main.scss

@import "nav";
@import "base";

这是我的 _base.scss

$text-dark: #2c2c2c;
$background-extra-dark: #6B7883;
``

【问题讨论】:

  • 加一点 style.scss 相关的点

标签: css sass node-sass


【解决方案1】:

哦,没关系。 我知道为什么。

始终先导入变量!

@import "base";
@import "nav";

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-31
    • 1970-01-01
    • 2021-11-11
    • 2018-04-25
    • 2023-01-31
    • 2018-08-25
    • 2012-12-04
    • 2019-10-26
    相关资源
    最近更新 更多