grunt-at-csstidy
Alloyteam 团队规范工具系列——自动整理CSS代码工具。
grunt-at-csstidy 是基于 Grunt '0.4.x' 与 csscomb '3.x' 的Grunt插件。
整合了Alloyteam的团队规范,并解决了部分CSS语法树解析的兼容问题。
上手教程
如果你之前没用过 Grunt ,可以参考官方教程 Getting Started ,里面会介绍怎么创建 Gruntfile 以及安装Grunt的插件.
一旦你熟悉这些流程后,将会用到下面的命令:
npm install grunt-at-csstidy --save-dev
安装完插件之后,你可以在Gruntfile.js中加上下面的任务来启用这个插件:
grunt;
当然,你如果是用自动加载任务的形式,则不需要添加上面的启用任务。
插件详细配置相关
支持特性:
- 支持单个文件,多个文件的自动化整理
- 支持文件夹,模糊路径的动态匹配处理
- 支持CSS,SASS,LESS的文件类型
动态配置,支持文件夹模糊匹配
这是比较常用的配置形式,可以针对整个文件夹进行匹配处理。
动态匹配例子:
grunt;
匹配单文件,具体某几个文件
例子如下:
grunt;
Alloyteam的CSS团队规范
整理相关配置默认按照支持自定义配置文件进行CSS代码整理,详细配置可参照该文档,
具体步骤:通过在 options 中添加config,并指定相应路径。
自定义整理配置例子:
grunt;
修改历史
- v0.1.4:Fix CSS 解析语法树问题
- v0.1.0: 初始化