以下功能有的可以在IDE(例如web storm)中直接调用,有的有很多在线的工具,我现在住的地方网络很渣,用npm全局安装好后可以离线用,我又比较喜欢敲命令,就总结了几个自己常用的。
uncss
清除没用的css代码,并生成新的文件
安装
npm install -g uncss
用法
uncss https://10010.be/index.html >style.css
如果你的网络不是很好的话可能会卡在下载phantomjs文件那里,可以复制地址手动将这个zip文件下载下来,放到,提示的目录下(例如windows是 /C/Users/chao/AppData/Local/Temp/phantomjs/)。
http-server
快速开启一个简单的http服务器,用于预览html+css效果,而不是用
file:///C:/Users/chao/Desktop/ch1.html
安装
npm install -g http-server
用法,在需要使用
http-server
svgo
压缩.svg文件
安装
npm install -g svgo
使用
svgo logomini.svg
svgz to svg 并压缩
gunzip -c test.svgz | svgo -i - -o test.min.svg
svg to scgz并压缩
svgo test.svg -o - | gzip -cfq9 > test.svgz
查看帮助
svgo -h
支持文件夹批量导出导入
clean-css-cli
clean-css的一个分支,在命令下压缩或反压缩css代码
安装
npm install -g clean-css-cli
压缩
cleancss -o one.min.css one.css
反压缩 并生成文件
cleancss --format beautify one.css >test.css
注意最好换成淘宝源,这样速度更快一点
npm install -g cnpm --registry=https://registry.npm.taobao.org