用npm scripts打造我的前端工作流
简单就好
前端自动化大家常用gulp或grunt，甚至动用webpack，其实npm scripts就完全够用了，咱能用底层的东西就用底层的，对吧？
大概思路
此处应该有一张图，我晚点做，需要在package.json文件中进行配置，先祭出文件下载，伸手党到此就行，可以往后面看。
样式文件
编译→检查→兼容→压缩
脚本文件
检查→编译→压缩→测试
网页文件
压缩
图片文件
压缩
备注：
实现步骤
以下所有实现步骤其实就两步：安装npm插件至项目，使用npm scripts配置插件。
www.npmjs.com
样式文件
编译
将css预处理器文件转化成css文件
检查
检查css文件中是否有语法错误
兼容
给css属性增加浏览器前缀
压缩
压缩css文件至最小尺寸
脚本文件
检查
js文件中是否有语法错误
1 | $ npm install eslint --save-dev |
兼容性检查
eslint-plugin-compat
babel-eslint
“linebreak-style”: [0 ,”error”, “windows”]
编译
压缩
测试
网页文件
压缩
将网页文件压缩至最小尺寸
图片文件
压缩
将图片文件压缩至最小尺寸