我的目标是使用一个 scss文件 n number 的资产部分来创建 n number 的css样式表,同时使用gulp-ruby -sass。
以下是我的目录结构示例:
C
在“gulpfile.js”里面会有以下内容:
- project_folder
gulpfile.js
- css
_asset.scss
style.scss
在“_asset.scss”里面会有以下内容:
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
gulp.task('build', function() {
return sass([
'css/_asset.scss',
'css/**/*.scss'
])
.pipe(gulp.dest('css'));
});
gulp.task('default', ['build']);
在“style.scss”里面会有以下内容:
$textColor: #444444;
通过运行gulp我会得到错误:
错误css / style.scss(第3行:未定义的变量:“$ textColor”。)
假设我要在style.scss中取消注释第1行。然后运行gulp应该正确编译style.scss来创建style.css,但是取消注释第1行并不是我想要的答案。我需要gulp使用gulp-ruby-sass或其他一些插件来完成style.scss正在做的第1行或类似的事情,并得到相同的结果。
P.S。 (希望通过这个解决方案,我可以使用'gulp-rename'并能够使用多个资产文件生成多个css样式表,并且只使用一个scss文件!)