qpack v0.0.1

qpack

一个 Ques Compoent 命令行管理工具，贯穿Ques Component开发阶段。

安装

$ npm install qpack -g

使用

• 初始化component

$ qpack init path

会自动在path(默认为进程当前的工作目录)初始化main.html和mian.css，重构同学可以基于这两个文件进行开发

• 翻译成Ques Comonent

$ qpack tran src

会将src(默认为进程当前的工作目录)中的源文件编译生成到dist(默认为相对于src的../#{BlockName}，BlockName由分析CSS生成)

进阶功能

开启开发服务器，可使用强大的CSS后置处理功能。

$ qpack app options

其中options可设置port，默认为80，如果我们要设置成3000，可以：

$ qpack app -p 3000

path为映射的路径(默认为进程当前的工作目录)，如果我们要模拟components/iheader，则：

$ qpack app components/iheader

已集成的CSS后处理技术

• postcss-media-minmax

• postcss-custom-selectors

• postcss-nested 就是类似Scss和LESS的CSS嵌套

• cssgrace