qpack

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

安装

$ npm install qpack -g

使用

• 初始化component

$ qpack init [path]

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

• 翻译成Ques Comonent

$ qpack tran [src] [dist]

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

进阶功能

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

$ qpack app [options] [path]

其中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

为什么使用CSS后置处理技术？

CSS预处理技术应用广泛，例如：Sass、LESS，为什么不使用CSS预处理技术呢？

简单的说在Component化之后，实际上我们对CSS的嵌套(nested)、混入(mixin)、函数(function)将远远减少，实际上基于标准的CSS后知处理技术已经够用了，详细的分析请参见：聊聊CSS postproccessors

由于印象笔记最近被有关部门关闭分享，所以请查看这里：https://github.com/miniflycn/qpack/issues/3