gulp 批量添加类名在一个任务中使用多个文件来源

1.首先安装环境

1.安装gulp： npm install gulp

2.安装gulp-clean-css npm install gulp-clean-css

3.安装gulp-css-wrap npm install gulp-css-wrap

4.npm i gulp merge-stream //在一个任务中使用多个文件来源

然后再项目根目录新建gulpfile.js文件,写入以下代码

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文件啦

转载于:https://www.cnblogs.com/SPHmomo/p/11039084.html

gulp 批量添加类名在一个任务中使用多个文件来源相关推荐

win7打开计算机多窗口,win7电脑无法在一个窗口中打开多个文件夹怎么办？
之前小编曾经听说过,很多朋友都无法忍受IE浏览器,就是因为IE浏览器每打开一个网址,就会新弹出一个窗口,那也就是说,咱们多打开几个窗口的话,下面的任务栏窗口岂不是就密密麻麻了?如果这样的操作大家受不了 ...
java图片批量添加_java实现邮件中插入批量图片
首先是MimeMessage这个类,继承于javax.mail.Message,底下还有IMAPMessage.POP3Message.SmartMimeMessage.SMTPMessage等实现, ...
mysql 批量添加字段前缀_MySQL中批量前缀表的sql语句
1.批量删除前缀表sql语句先查询生成需要操作的表 Select CONCAT( 'drop table ', table_name, ';' ) FROM information_schema.t ...
shell脚本编写批量添加数据到redis中测试
for((i=1;i<=13009;i++));do echo $i ./redis-cli -c -h 10.0.1.15 -p 7001 set 这是第$i条数据这条数据的内容为$i do ...
linux下批量添加新用户
作为一个系统管理员,可能要经常的为机器添加用户,可能是在一台机器上添加很多用户,也有可能是在很多机器上要添加同一个用户. 基本上,批量添加用户有两种方式,一是用useradd + passwd命令配合 ...
Linux下批量添加用户的两种方法
作为一个系统管理员,可能要经常的为机器添加用户,可能是在一台机器上添加很多用户,也有可能是在很多机器上要添加同一个用户. 基本上,批量添加用户有两种方式,一是用useradd + passwd命令配合 ...
获取族_批量添加族参数（上）
随着BIM技术在工程行业的普及,不少设备供应商也因此被拉下了水,一些项目的BIM实施细则就要求设备进场之前就必须提供设备的LOD400-500精度的BIM模型.BIM的精髓在于信息,做的再精细而没有信 ...
express+vue实现批量添加功能
express+vue实现批量添加功能前段时间由于后台的研究僧跑路了,我这个应届小菜鸟肩负起了全栈开发的工作,学得那是一个心累啊.项目没有很大,但麻雀虽小五脏俱全,写几篇文章不枉此行吧.废话不多说, ...
【电脑办公软件】万彩办公大师教程丨PDF批量添加页码工具帮助文档
使用这款批量添加页码工具可以为PDF文档自定义页码,设置页码的样式.字体.大小.颜色等.还可以对页面的页码进行高级设置,包括编号类型.页面范围.文本效果(透明度.旋转).开始/结束处理页.加标签等. ...

gulp 批量添加类名在一个任务中使用多个文件来源

gulp 批量添加类名在一个任务中使用多个文件来源相关推荐

最新文章

热门文章

gulp 批量添加类名 在一个任务中使用多个文件来源

gulp 批量添加类名 在一个任务中使用多个文件来源相关推荐

最新文章

热门文章

gulp 批量添加类名在一个任务中使用多个文件来源

gulp 批量添加类名在一个任务中使用多个文件来源相关推荐