使用 gulp-sass npm 模块编译 scss 文件

Question

我正在使用 gulp-sass 模块将 scss 个文件编译成 css 个文件。

这是我的gulpfile.js

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
  return gulp.src('sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('css'));
});

我的 sass 文件夹中有两个文件：

sass
|--- _test.scss
|--- demo.scss

该插件编译 demo.scss 文件但不编译 _test.scss，我也尝试了相同的内容。

命名约定是否有问题，或者我需要更改我的 gulpfile.js。

Answer 1

您需要将 _test.scss 更改为 test.scss。

节点 sass 忽略 _filenames。通常我们使用 _ 和将要导入到 scss 文件中的文件名。

使用 gulp-sass npm 模块编译 scss 文件

Compiling scss files using gulp-sass npm module

css

gulp

gulp-sass