J'ai passé les derniers jours à chercher comment résoudre mon problème mais je ne l'ai pas trouvé. Mon fichier gulp ne compile pas mon css mais je le fais. Mon gulpfile était à l'origine pour les fichiers sass et a parfaitement fonctionné. Je l'ai changé en scss pour ce projet et il s'est juste cassé. Voici mon gulpfile:Mon fichier gulp ne compile pas
/* 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']);
Et voici ma structure de dossiers: folder structure
Aussi voici comment réagir gulp sur le terminal: terminal
Quelqu'un peut-il me aider? Merci beaucoup.