我首先尝试从我的开发环境管道我的sass文件,然后再进入生产。但是当我通过离开未分配的类来测试它时,它仍然保留在我的生产css代码中。
.task('usemin', function(){
gulp.src('builds/development/*.html')
.pipe(gulpif(env === 'production',usemin({
css: [minifycss(), 'concat'],
js: [uglify()],
html:[minifyHTML()]
// in this case css will be only concatenated (like css: ['concat']).
})))
.pipe(gulp.dest('builds/production/'));
});
gulp.task('uncss', function() {
return gulp.src('builds/development/css/main.css')
.pipe(uncss({
html: ['builds/production/index.html', 'builds/production/work.html', 'builds/production/contact.html']
}))
.pipe(minifycss())
.pipe(gulp.dest('builds/production/css/main.css'));
});
//sass task
gulp.task('sass', function() {
gulp.src(sassSources)
.pipe(sass({
style: sassStyle,sourcemapPath: false,sourcemap:false
}))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.on('error', function (err) { console.log(err.message); })
.pipe(gulp.dest('builds/development/css/'))
.pipe(plumber())
.pipe( notify({ message: "Sass tasks have been completed!"}) );
});