抓住大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口
因此,我有一个吞咽CSS任务,如下所示,效果很好:
var sassDir=’app/scss’;
var targetCssDir=‘公共/资产’;
gulp.task(’css’,function(){
返回gulp.src(sassDir+’/main.scss’)
.pipe(sass({style:’compressed’}).on(’error’,gutil.log))
.pipe(autoprefix(“最后10个版本”))
.管道(吞咽目标(targetCssDir));;
});
但是有没有一种方法可以添加我的供应商文件,比如Bootstrap,这样它就可以被缩小和合并了
希望你能提出建议
大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大。请让我向您展示如何编译Sass文件和缩小(或压缩)编译的css文件:
- 从这里安装吸气式sass
- 在项目的gulpfile.js中,添加以下代码:
注意:gulp sass中的outputStyle有四个选项:嵌套的,扩展的,紧凑的,压缩的
它真的很有效,我在我的项目中使用过它。希望能有帮助
var gulp=require('gulp');
var sass=需要('gulp-sass');
//无礼
吞咽任务('sass',函数(){
gulp.src(['yourcsfolder/*.scss','yourcsfolder/***.scss']))
.pipe(sass({outputStyle:'compressed'}))
.pipe(gulp.dest('yourcsfolder/');
});
//默认任务
吞咽任务('default',函数(){
大口大口地开始('sass');
});
自述