0
問題を解決する方法を検索した最後の数日は過ぎましたが見つかりませんでした。 私のgulpfileは私のCSSをコンパイルしません。 私のgulpfileはもともとsassファイル用であり、完全に動作しました。私はこのプロジェクトのためにそれをscssに変更しました。ここ は私gulpfileです:私の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
また、ここで一息は、端末上でどのように反応するかである: terminal
は誰も私を助けることができますか?どうもありがとうございました。