时间戳

首页 > 解决方案 > 使用 Gulp Watch 时 CSS 的 $ 变量在 Git 中不起作用

javascript - 使用 Gulp Watch 时 CSS 的 $ 变量在 Git 中不起作用

问题描述

我一直在使用带有 Node.JS 的 Git。使用 gulp.src 和 gulp.dest 方法来组织 CSS 文件。一切正常。当我为颜色变量创建 CSS 文件时，问题就出现了：

  1. $mainBlue：#169aff；
  2. $mainBlack：#333333；

我也像其他人一样将变量 CSS 文件导入到主 CSS 文件中。但是当我使用“gulp watch”之后，我保存了 CSS 文件，我得到了下面的错误。

当我在同一个文件中使用变量 ($mainBlue: #169aff;) 并分配给像 "a{color:$mainBlue;) 这样的元素时，如果我在另一个文件中使用分配的变量，则不会出现此问题问题来了。

events.js:183 抛出错误；// 未处理的“错误”事件 ^ CssSyntaxError: postcss-simple-vars: C:\path\app\assets\styles\modules_btn.css:9:9: 未定义变量 $mainBlue at Input.error (C:\path\node_modules \postcss\lib\input.js:119:22) 在声明.error (C:\path\node_modules\postcss\lib\node.js:116:38) 在 Object.opts.unknown (C:\path\node_modules \postcss-simple-vars\index.js:97:24) 在 C:\path\node_modules\postcss-simple 的变量 (C:\path\node_modules\postcss-simple-vars\index.js:24:24) -vars\index.js:35:22 at String.replace () at simpleSyntax (C:\path\node_modules\postcss-simple-vars\index.js:34:16) at bothSyntaxes (C:\path\node_modules\ postcss-simple-vars\index.js:46:11) 在 C:*path*\node_modules\postcss-simple-vars\index.js:63:16 在重复 (C:

标签： javascriptcssnode.jsgitgulp

解决方案

推荐阅读