編譯SCSS時(shí)出現(xiàn)假陽(yáng)性“未定義變量”錯(cuò)誤使用紅寶石編譯我的SCSS時(shí)得到錯(cuò)誤消息。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導(dǎo)入這樣的部分：@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正確填充。所以我不知道為什么編譯器會(huì)抱怨我出錯(cuò)了。
3 回答
RISEBY
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
當(dāng)您只需要編譯頂級(jí)文件時(shí)，您正在編譯所有的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));
});
慕運(yùn)維8079593
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超5個(gè)贊
我建議查看常見(jiàn)的Sass目錄組織結(jié)構(gòu)。
它的性質(zhì)將常用的元素拆分到其他文件中，這些文件都是由main.scss殺死多余的人。
萬(wàn)千封印
TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊
屏幕.scss->屏幕.css base.scss->base.css 目錄.scss->Directory.css
屏幕.scss->屏幕.css _base.scss(未編譯) -目錄.scss(未匯編)
- 3 回答
- 0 關(guān)注
- 2084 瀏覽
添加回答
舉報(bào)
0/150
提交
取消