我正在尝试将SCSS代码编译为CSS,但找不到变量

时间:2019-07-04 10:59:04

标签: css sass node-sass

我正在尝试设置一个带有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;
``

1 个答案:

答案 0 :(得分:0)

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

总是先导入变量!

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