gulp-css-single

1.0.1 • Public • Published

gulp-css-single

一个可以将你的任何风格的CSS代码转为符合NEJ代码规范的形式的Gulp插件

大致原理:

  1. 将CSS代码解析为AST(抽象语法树);
  2. 根据AST按NEJ风格生成新代码;
  3. 返回新代码的Stream给下一个pipe;

使用方法:

  1. 从npm上安装本插件:
npm install --save-dev gulp-css-single
  1. 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'));
});
  1. 命令行:
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吧!

Readme

Keywords

none

Package Sidebar

Install

npm i gulp-css-single

Weekly Downloads

1

Version

1.0.1

License

MIT

Last publish

Collaborators

  • paoloo1995