gulp-sass編譯低音scss文件，但不支持

我是Sass的新手，很抱歉，如果這是基本的。gulp-sass編譯低音scss文件，但不支持

我正在使用gulp編譯我的主要sass文件，它工作正常。但是，我在引入部分時遇到了麻煩 - 我做錯了，但我無法弄清楚。

style.scss

@import partial 

$main-color: rgb(117, 0, 0); 

h1 { 
    color: $main-color; 
} 

h2 { 
    color: $secondary-color; 
}

_partial.scss

$secondary-color: rgb(175, 87, 205);

gulpfile.js

var gulp = require('gulp'), 
    sass = require('gulp-sass'); 
gulp.task('default', function() { 
    return gulp.src('style.scss') 
     .pipe(sass(
     {outputStyle: 'compressed'}) 
     .on('error', sass.logError) 
    ) 
     .pipe(gulp.dest('css')) 
})

我是否需要添加一些一攬子任務，使其編譯基本的scss文件和部分？

來源

2017-02-17 Paulos3000

線1的style.scss應該@import 'partial';

薩斯需要引號和分號（爲分號，你可能已經難倒了的事實，.sass薩斯不會使用分號）

來源

2017-02-18 18:16:12 henry

這真的 - 謝謝。我還發現我省略了文件名中的字符串引號。所以它應該是'@import'partial''。添加到您的答案，我會接受它:) – Paulos3000

這已經是我的答案的一部分;） – henry

對不起，我的壞。不知道我是如何錯過的... – Paulos3000

gulp-sass編譯低音scss文件，但不支持

回答

相關問題