Gulp-sass编译低音SCSS文件，但不是部分

Question

我是新来的Sass，很抱歉，如果这是基本的。

我正在使用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'))
})

我是否需要在Gulp任务中添加一些内容，以使其同时编译基本SCSS文件和部分？

Answer 1

您的style.scss的第1行应为 @import 'partial';

sass需要报价和半隆（对于半分号，您可能已经被.sass SASS不使用该分号的事实所绊倒）