Voici mon répertoire courant: Directory TreeGulp Sass Compiling Erreur
Et voici mon code gulpfile.js:
var gulp = require ('gulp'),
gutil = require('gulp-util'),
uglify = require('gulp-uglify'),
sass = require('gulp-ruby-sass'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
lr = require('tiny-lr'),
server = lr();
var jsSources = ['components/scripts/scriptOne.js',
'components/scripts/scriptTwo.js'
];
var sassSources = [
'comptonents/sass/*.scss'
];
gulp.task('js', function() {
gulp.src(jsSources)
.pipe(uglify())
.pipe(concat ('script.js'))
.pipe(gulp.dest('js'));
});
gulp.task('sass', function() {
gulp.src(sassSources)
.pipe(sass({style: 'expanded', lineNumbers: true}))
.on('error', gutil.log)
.pipe(concat('style.css'))
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function() {
var server = livereload();
gulp.watch(jsSources, ['js']);
gulp.watch(sassSources, ['sass']);
gulp.watch(['js/script.js', '*.html'], function(e) {
server.changed(e.path);
});
});
gulp.task('default', ['sass','js', 'watch']);
L'erreur que je reçois est sortie la commande suivante à chaque fois que je tente pour courir gulp pour compiler mon sass.
19:55:01] Using gulpfile ~/Desktop/coffeescript/gulpfile.js
[19:55:01] Starting 'sass'...
[19:55:01] 'sass' errored after 21 ms
[19:55:01] TypeError: glob pattern string required
at new Minimatch (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/minimatch/minimatch.js:116:11)
at setopts (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/common.js:118:20)
at new GlobSync (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/sync.js:40:3)
at Function.globSync [as sync] (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/node_modules/glob/sync.js:26:10)
at /Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/index.js:68:21
at Array.forEach (native)
at gulpRubySass (/Users/Aquinas/Desktop/coffeescript/node_modules/gulp-ruby-sass/index.js:67:10)
at Gulp.<anonymous> (/Users/Aquinas/Desktop/coffeescript/gulpfile.js:27:11)
at module.exports (/Users/Aquinas/Desktop/coffeescript/node_modules/orchestrator/lib/runTask.js:34:7)
at Gulp.Orchestrator._runTask (/Users/Aquinas/Desktop/coffeescript/node_modules/orchestrator/index.js:273:3)
S'il vous plaît aidez-moi à comprendre cela. Je vous remercie.
Edit One: Modification de l'erreur typo dans var SassSources. Cependant, toujours des erreurs de sortie. Je n'ai même pas de journal pour le vérifier. Suce, je suis sûr que j'ai activé la commande de journal. Quoi qu'il en soit, si elle aide ici est l'arbre des plugins Gulp:
Modifier deux: RESOLU !! J'ai dû pointer le numéro de rechargement en direct (fourni par le xxx dans mon index.html). J'ai dû faire quelques ajustements à mon code, et alto! Il court comme du pain et du beurre.
Code ajusté:
gulp.task('watch', function() {
livereload.listen(35732);
var server = livereload();
gulp.watch(jsSources, ['js']);
gulp.watch(coffeeSources, ['coffee']);
gulp.watch(sassSources, ['sass']);
gulp.watch(['js/script.js', '*.html'], function(e) {
livereload.changed(e.path);
});
});
La question était la montre pour livereload ne fonctionnait pas parce que le code que j'utilisais était un peu vieillot.
Est-ce une faute de frappe: 'comptonents'? dans sassSources. – Mark
Oui! Merci d'avoir signalé ça lol! Mais, je l'ai corrigé, et il produit toujours la même erreur. J'ai mis à jour le post supérieur pour montrer mon arbre de plugins de gulp. Merci a tous! – Alex
Que se passe-t-il si vous mettez simplement 'components/sass/*. Scss' dans votre tâche sass src au lieu de l'appel de sassSources? – Mark