【发布时间】:2016-07-14 22:12:47
【问题描述】:
我试图将我的 SASS 编译为 CSS,但我的 gulp 只在第一个任务上观察 - 哪里不好?
gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('styles', function() {
gulp.src('sass/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css/'));
});
gulp.task('bootstrap', function() {
gulp.src('sass/bootstrap/bootstrap.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./plugins/bootstrap/css/'));
});
gulp.task('default',function() {
gulp.watch('sass/*.scss',['styles']);
gulp.watch('sass/bootstrap/*.scss',['bootstrap']);
});
我的文件结构:
assets
-- css/
---- style.css
-- node_modules/
---- (files from node)
-- sass/
---- bootstrap/
------- (parts of bootstrap)
---- bootstrap.scss
---- style.scss
-- gulpfile.js
-- package.json
我要编译:
资产/sass/style.scss -> 资产/css/style.css
assets/sass/bootstrap.scss -> assets/plugins/bootstrap/css/bootstrap.min.css
【问题讨论】:
-
我认为只需将 return 语句添加到您的“样式”和“引导”任务可能会解决此问题。另外,您的 bootstrap.scss 将在您的 sass/*.scss 流中,但它不会出现你想要的。
标签: javascript gulp