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文件，但不支持

回答

相关问题