所以我正在使用
当我更改一个基本的
但是,如果我更改了一个局部文件,它就无法编译依赖于该局部文件的 sass 文件。 Gulp
文件夹。
修改
如日志所示:
我希望每当部分文件被修改时,它可以编译scss。
Gulp
、Sass
和 gulp-changed
(我也尝试过更新语法的 gulp-newer),并监视我的文件夹中的所有 scss
文件。当我更改一个基本的
scss
文件时,它会成功编译。但是,如果我更改了一个局部文件,它就无法编译依赖于该局部文件的 sass 文件。 Gulp
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))
});
文件夹。
├── scss
│ └── base.scss
│ ├── _partial1.scss
│ └── _partial2.scss
│ └── anotherBase.scss
│ ├── _anotherBasePartial1.scss
│ └── _anotherBasePartial2.scss
修改
base.scss || anotherBase.scss
会生效,修改 partial1.scss
则不会生效。如日志所示:
[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
我希望每当部分文件被修改时,它可以编译scss。