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

问题描述:

我使用gulp-sass模块将scss文件编译为css文件。使用gulp-sass npm模块编译scss文件

这是我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 
|--- _test.scss 
|--- demo.scss 

插件编译demo.scss文件,但不_test.scss,我试着用同样的内容也是如此。

有什么与命名约定或我需要更改我的gulpfile.js。

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

节点sass忽略_filenames。通常我们使用_以及要在scss文件中导入的文件名。

+0

所以我们只能使用这个'_ *。scss'来导入 – bhansa

+0

对于'@import“test.scss”'或'@import“test”'是的。你可以在'demo.scss' – Aslam

+0

@bhansa里面导入测试,很高兴工作! :) – Aslam