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对终端的反应： terminal

任何人都可以帮助我吗？非常感谢你。

Answer 1

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

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

因为你的＆＃39; sass＆＃39;任务使用＆＃34;路径。 scss ＆＃34;不是＆＃34;路径。 sass ＆＃34;

我的gulpfile没有编译

1 个答案: