//gulp 4.0版本
const gulp = require('gulp');
// 添加MD5版本很高避免缓存
const cleanCSS = require('gulp-clean-css');
//sass 转 css
const sass = require('gulp-sass');
//重新命名文件或者文件夹
const rename = require('gulp-rename');
//浏览器兼容性自动补齐前缀
const autoprefixer = require('gulp-autoprefixer');
//css代码压缩
const uglifycss = require('gulp-uglifycss');
//删除文件或者文件夹
const del = require('del');
// 编译sass
gulp.task('css', () => {
return gulp.src('../packages/theme-default/index.scss')
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions', 'ie > 8']
}))
.pipe(cleanCSS())
.pipe(uglifycss())
.pipe(rename('monkey-ui.css'))
.pipe(gulp.dest('../dist/styles'));
});
// 拷贝fonts
gulp.task('fonts', () => {
return gulp.src('../packages/theme-default/fonts/*.*')
.pipe(gulp.dest('../dist/styles/fonts'));
});
// 删除styles
gulp.task('clean', async (done) => {
await del(['../dist/styles/**'], {
force: true
});
done();
});
gulp.task('default', gulp.series('clean', 'css', 'fonts'));
gulp打包sass成css
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
