使用 grunt returns 将 .scss 编译为 css 并出现奇怪的错误
Compiling .scss to css with grunt returns with weird error
所以这就是我内心的咕哝:
concat: {
css: {
src: [
'assets/**.scss.liquid', 'assets/**.css'
],
dest: 'assets/build.scss.liquid',
}
},
sass: {
dist: {
options: {
style: 'compressed',
sourcemap: 'none',
noCache: true
},
files: {
'assets/build.css.liquid':'assets/build.scss.liquid'
}
}
}
SCSS:
.all-collection {
padding-top: 50px;
height: 100%;
width: 100%;
color: white !important;
justify-content: center;
display: flex;
p {
color: white !important;
}
}
这是 returns 在 运行 grunt concat
和 grunt sass
之后的内容:
Error: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";"
on line 2 of all-collection.scss
我尝试删除它指定的行上的 ;
,但错误只是更改为具有 ;
的下一行。不确定为什么会出现此错误。
通过切换插件解决。我正在使用 grunt-sass
。
所以这就是我内心的咕哝:
concat: {
css: {
src: [
'assets/**.scss.liquid', 'assets/**.css'
],
dest: 'assets/build.scss.liquid',
}
},
sass: {
dist: {
options: {
style: 'compressed',
sourcemap: 'none',
noCache: true
},
files: {
'assets/build.css.liquid':'assets/build.scss.liquid'
}
}
}
SCSS:
.all-collection {
padding-top: 50px;
height: 100%;
width: 100%;
color: white !important;
justify-content: center;
display: flex;
p {
color: white !important;
}
}
这是 returns 在 运行 grunt concat
和 grunt sass
之后的内容:
Error: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";"
on line 2 of all-collection.scss
我尝试删除它指定的行上的 ;
,但错误只是更改为具有 ;
的下一行。不确定为什么会出现此错误。
通过切换插件解决。我正在使用 grunt-sass
。