編譯SCSS時出現假陽性“未定義變量”錯誤使用紅寶石編譯我的SCSS時得到錯誤消息。run: /var/lib/gems/1.8/gems/compass-0.12.2/bin/compass compile
out: unchanged sass/partial/grid.scss
out: error sass/partial/catalog.scss (Line 5: Undefined variable: "$paragraphFont".)
out: create css/generated/partial/catalog.css
out: create css/generated/partial/base.css
out: overwrite css/generated/screen.css我的screen.scss導入這樣的部分：@import "partial/base";
@import "partial/catalog";在我的base部分我有$paragraphFont定義。$paragraphFont: 'Lucida Sans', arial;
$regularFontSize: 14px;和在catalog.scss我用它：.product-view #price-block {
p {
font-weight: normal;
font-family: $paragraphFont;
....
}
}奇怪的是，CSS編譯得很好，而$paragraphFont正確填充。所以我不知道為什么編譯器會抱怨我出錯了。
3 回答
RISEBY
TA貢獻1856條經驗 獲得超5個贊
當您只需要編譯頂級文件時，您正在編譯所有的Sass
toplevel.scss include child1.scss include child2.scss (that also uses variables from child1.sass but does not import child1.scss) include child3.scss (that also uses variables from child1.sass but does not import child1.sass)
gulp.task('sass', function () {
gulp
.src('./static/scss/toplevel.scss') // NOT *.scss
.pipe(sass())
// Rest is just decoration
.pipe(prefixer('last 2 versions', 'ie 9'))
.pipe(gulp.dest('./static/css/dist'))
.pipe(livereload(livereloadServer));
});
萬千封印
TA貢獻1891條經驗 獲得超3個贊
屏幕.scss->屏幕.css base.scss->base.css 目錄.scss->Directory.css
屏幕.scss->屏幕.css _base.scss(未編譯) -目錄.scss(未匯編)
- 3 回答
- 0 關注
- 2075 瀏覽
添加回答
舉報
0/150
提交
取消