【问题标题】:My gulpfile doesn't compile我的 gulpfile 无法编译
【发布时间】: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

谁能帮帮我?非常感谢。

【问题讨论】:

    标签: css sass gulp


    【解决方案1】:

    将paths对象的第二行改为:

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

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

    【讨论】:

      猜你喜欢
      • 2019-08-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多