gulp-css-single
v1.0.1
Published
Transform your CSS code.Make it just one line where one rule written in.Especially helpful to the developer who work at NetEase.
Downloads
2
Readme
gulp-css-single
一个可以将你的任何风格的CSS代码转为符合NEJ代码规范的形式的Gulp插件
大致原理:
- 将CSS代码解析为AST(抽象语法树);
- 根据AST按NEJ风格生成新代码;
- 返回新代码的Stream给下一个pipe;
使用方法:
- 从npm上安装本插件:
npm install --save-dev gulp-css-single
- gulpfile.js
var gulp = require('gulp');
var single = require('gulp-css-single');
gulp.task('single', function() {
gulp.src(['src.css'])
.pipe(single({
indent:1,
hasSpace:true
}))
.pipe(gulp.dest('dist'));
});
- 命令行:
gulp single
经过以上两个步骤,你可以将当前目录下的src.css
转换成NEJ风格代码,设置缩进为1且“:”后有空格,并输出到dist
目录中。
其中,配置项可选。格式为:
{
indent: {number} //缩进空格数,默认为1
hasSpace: {boolean} //属性key-value对的冒号后是否加空格,默认为true
}
本插件采用MIT
协议开源,
可以再此处获取源码gulp-css-single。
欢迎fork,也欢迎contribute。
如果你觉得本插件不错,不妨来gulp-css-single给个star吧!