css - 我的 gulpfile 没有编译

Question

过去几天我一直在寻找如何解决我的问题，但没有找到。我的 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 在终端上的 react : terminal

谁能帮帮我？非常感谢。

Answer 1

将路径对象的第二行更改为:

var paths = {
  scss: './assets/scss/',
  css: './assets/css/',
  templates: './assets/scss/templates/'
}

因为你的“sass”任务使用“paths.scss”而不是“paths.sass”