1.首先安装环境
var path = require('path')
var gulp = require('gulp')
var cleancss = require('gulp-clean-css')
var csswrap = require('gulp-css-wrap')
var merge = require('merge-stream');
gulp.task('css-wrap', function () {
var light = gulp.src(path.resolve('./src/assets/scss/theme/light/index.css'))
/* 找需要添加命名空间的css文件,支持正则表达式 */
.pipe(csswrap({
selector: '.theme-light' /* 添加的命名空间 */
}))
.pipe(cleancss())
.pipe(gulp.dest('./src/assets/scss/theme/css/light')); /* 存放的目录 */
var dark = gulp.src(path.resolve('./src/assets/scss/theme/dark/index.css'))
/* 找需要添加命名空间的css文件,支持正则表达式 */
.pipe(csswrap({
selector: '.theme-dark' /* 添加的命名空间 */
}))
.pipe(cleancss())
.pipe(gulp.dest('./src/assets/scss/theme/css/dark')); /* 存放的目录 */
return merge(light,dark);
})
然后在命令行运行:gulp css-wrap 就生成了添加过类名的css文件啦
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论