【发布时间】:2017-09-20 05:40:10
【问题描述】:
我过去几天一直在寻找如何解决我的问题,但没有找到。 我的 gulpfile 没有编译我的 css,但是我这样做了。 我的 gulpfile 最初用于 sass 文件,并且运行良好。我为这个项目把它改成了scss,结果它就坏了。 这是我的 gulpfile:
/* Modules
------------------------------------- */
var gulp = require('gulp'),
// Tools
watch = require('gulp-watch'),
rename = require("gulp-rename"),
// Styles
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
// Prevent watch from crashing on errors
plumber = require('gulp-plumber'),
gulp_src = gulp.src;
gulp.src = function() {
return gulp_src.apply(gulp, arguments)
.pipe(plumber(function(error) {
console.log(error);
this.emit('end');
})
);
};
/* Paths
------------------------------------- */
var paths = {
sass: './assets/scss/',
css: './assets/css/',
templates: './assets/scss/templates/'
}
// Autoprefixer Task
gulp.task('autoprefix', function () {
gulp.src(paths.css + 'application.css')
.pipe(gulp.dest(paths.css))
});
// Sass Task
gulp.task('sass', function () {
gulp.src(paths.scss + 'application.scss')
.pipe(sass({indentedSyntax: true}))
//Autoprefixer
.pipe(autoprefixer({
browsers: ['> 2%'],
cascade: false
}))
.pipe(gulp.dest(paths.css))
});
/* METHOD ------------------------------------- */
// Watch Task
gulp.task('watch', function () {
gulp.watch(paths.scss+'**/*.scss', ['sass']);
});
//
// DEFAULT
gulp.task('default' , ['watch']);
这是我的文件夹结构: folder structure
下面是 gulp 在终端上的反应: terminal
谁能帮帮我?非常感谢。
【问题讨论】: