在编译期间使用gulp-ruby-sass将parcel导入源文件

时间:2016-08-02 23:10:40

标签: sass gulp gulp-ruby-sass

我的目标是使用一个 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文件!)

0 个答案:

没有答案