Gulp Sass kompiliert keine Partials
So verwende ichGulp
Sass
mitgulp-changed
(Ich habe auch versucht, gulp-neuer mit den aktualisierten Syntaxänderungen) und beobachtete allescss
Dateien in meinen Ordnern.
Wenn ich eine Basis änderescss
Datei wird ohne Probleme kompiliert.
Wenn ich jedoch einen Teil ändere, wird die sass-Datei, die von diesem Teil abhängt, nicht kompiliert.
Schluc
var SRC = './stylesheets/**/*.scss';
var DEST = './stylesheets';
gulp.task('sass', function() {
return gulp.src(SRC)
.pipe(changed(DEST, { extension: '.css' }))
.pipe(plumber({
errorHandler: handleErrors
}))
.pipe(sourcemaps.init())
.pipe(sass({
includePaths: [
'C:/var/www/mobile 2/stylesheets'
]}))
.pipe(sourcemaps.write('./'))
.on('error', handleErrors)
.pipe(gulp.dest(DEST))
});
Ordner
├── scss
│ └── base.scss
│ ├── _partial1.scss
│ └── _partial2.scss
│ └── anotherBase.scss
│ ├── _anotherBasePartial1.scss
│ └── _anotherBasePartial2.scss
Änderungen an @ vornehmbase.scss || anotherBase.scss
Änderungen vorgenommen, Änderungen an @ vorgenommpartial1.scss
nichts
Wie Sie im Protokoll sehen können:
[15:14:02] Starting 'sass'... //here i changed _partial1.scss
[15:14:03] Finished 'sass' after 248 ms
[15:18:20] Starting 'sass'...
[15:18:20] Finished 'sass' after 289 ms
[BS] File changed: c:\var\www\mobile 2\stylesheets\sitescss\responsive\tools\base.css
[15:18:24] Starting 'sass'...
[15:18:24] Finished 'sass' after 289 ms
[BS] File changed: c:\var\www\mobile 2\stylesheets\sitescss\responsive\tools\anotherBase.css
Ich möchte, dass es den scss kompiliert, wenn ein Teil geändert wird.