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不会使用该分号而被绊倒）

gulp-sass编译低音scss文件，但不是部分

1 个答案: