我试图将我的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
我想编译:
assets / sass / style.scss - >资产/ CSS / style.css中
assets / sass / bootstrap.scss - >资产/插件/引导/ CSS / bootstrap.min.css
答案 0 :(得分:0)
您是否尝试过将默认值更改为以下内容?
gulp.task('styleswatch', function() {
gulp.watch('sass/*.scss',['styles']);
}
gulp.task('bootstrapwatch', function() {
gulp.watch('sass/*.scss',['bootstrap']);
}
gulp.task('default',['styleswatch','bootstrapwatch']);