gulp-sass 编译 bass 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 不会使用该分号这一事实绊倒了）

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

gulp-sass compiling bass scss file, but not partials

sass

partial

gulp

node-sass