我已经开始尝试 gulp.js。
我习惯于使用 grunt 生成 CSS 源映射的 sass 包,我可以用它来调试我的 sass。我目前正在使用 gulp-ruby-sass 生成 CSS。
在该过程结束时,不会生成源映射,并且 CSS 文件中没有源映射引用。
我的 gulpfile 看起来像这样:
/* load plugins */
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
browsersync = require('browser-sync'),
reload = browsersync.reload;
/*
* define tasks
*/
gulp.task('sass', function() {
return sass('assets/sass/main.sass', { sourcemap : true })
.pipe(gulp.dest('assets/css'))
.pipe(reload({stream : true})) ;
}) ;
/*
* browsersync conf
*/
gulp.task('browser-sync', function() {
browsersync({
proxy: 'neat',
port: '3000'
});
});
gulp.task('browsersync-reload', function () {
browsersync.reload();
});
gulp.task('watch', ['browser-sync'], function () {
gulp.watch('assets/sass/**/*', ['sass']);
});
/* Default task */
gulp.task('default', ['sass'], function() {
gulp.watch("assets/sass/**.*", ['sass']);
});