社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
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文件啦
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!