不使用框架的H5,页面非常简单的，写个css还好，如果页面内容多，涉及到样式太多，光写个类名，都能累死个人。
于是就想到了某些前端框架中集成的各种css预编译器。如stylus,less，sass等等。

话不多说，直接开干：

使用stylus命令行：

1. 全局安装stylus:npm i stylus -g
2. 开启监听:stylus -w test-detail.styl -o detail.css
3. tip:经测试，既可以监听.styl文件，也可以监听.less文件
4. -w监听文件改变然后重新编译；-o指定输出路径。

使用sass命令行：

1. npm i sass -g
2. sass sass/test.scss css/test.css -w
3. -w监听文件改变然后重新编译；sass没有-o参数。