一个将你写的任意风格的CSS代码转换成符合NEC代码规范的Gulp插件
一个将你写的任意风格的CSS代码转换成符合NEC代码规范的Gulp插件{"JavaScript":2725}
JavaScript CSS相关
共7Star
详细介绍
gulp-css-single
一个可以将你的任何风格的CSS代码转为符合NEC代码规范的形式的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
转换成NEC风格代码,设置缩进为1且“:”后有空格,并输出到dist
目录中。
其中,配置项可选。格式为:
{
indent: {number} //缩进空格数,默认为1
hasSpace: {boolean} //属性key-value对的冒号后是否加空格,默认为true
}
本插件采用MIT
协议开源, 可以再此处获取源码gulp-css-single。 欢迎fork,也欢迎contribute。
如果你觉得本插件不错,不妨来gulp-css-single给个star吧!