【发布时间】:2018-02-21 21:08:43
【问题描述】:
我正在尝试设置 gulp 来查看我所有的 sass 文件,但我的子目录有问题。
这是我在 scss 文件夹中的文件结构:
默认.scss
-基地
-组件
我的 gulpfile 是这样设置的:
const SCSS_SRC = './src/assets/scss/**/*.scss';
const SCSS_DEST = './src/assets/css';
gulp.task('sass', function () {
return gulp.src(SCSS_SRC)
.pipe(sass().on('error', sass.logError))
.pipe(minifyCSS())
.pipe(rename({ suffix: '.min' }))
.pipe(changed(SCSS_DEST))
.pipe(gulp.dest(SCSS_DEST))
});
gulp.task('default', function () {
gulp.watch(SCSS_SRC, ['sass']);
});
当我第一次运行 gulp 时,一切都正常编译,但是如果我在子目录中的 sass 文件中进行更改,它们不会被编译。
如果我更改默认样式,子目录中的文件也会被编译。但我不想每次更新其他文件时都必须更新默认文件。
这是我第一次使用 gulp,所以如果我遗漏了一些明显的东西,我很抱歉。
【问题讨论】:
-
我会移除更改后的管道,看看是否有帮助 - 无论如何,它并没有做太多。
-
谢谢@Mark,马上解决了!
-
我会给出答案 - 这是 gulp-changed 的非标准用法/位置。
标签: sass gulp gulp-watch