亲身实践 yui-compressor压缩js和css

最近很懒散，个人感情、家庭原因，没有动力去学东西，老是发誓要搞好前端工程化，老中断，唉！没有魄力！

最近老觉得这前端工程化有什么好的，东西那么多，还得学！直到前几天产品提了个优化，说搜索结果页跳商品详情页时很慢，以前都以为是js里的ajax请求导致跳转慢，仔细想想不对，如果是ajax的问题，顶多是空白页，现在问题是跳转这么慢，url变了，页面上还是搜索结果页，这不对啊，好吧，F12搞起来，一看都浪费到请求资源上了，比如请求css、js、img上了，虽然运维已经开了gzip，可是还是慢，所以压缩这些东西迫在眉睫，这才明白到前段工程化，webpack里的那些压缩、编译很有必要啊！并不是大神们闲的蛋疼，想到前几天一个博文：只有自己亲身实践了前后端分离, 才能理解其他人提的优缺点到底是否存在, 才能比别人更深刻一些。谁厉害不厉害就看谁感受的更深刻而已。

好了不扯了，开始。

1. 下载jar包，要配置到webstorm中。地址：https://github.com/yui/yuicompressor/releases

2. webstorm中 file—setting—file watchers—点+号—选【YUI Compressor JS】— 把Program配 刚才下载的jar包地址。上图

3. ok，配置完成。

找个js试试，点个空格或者回车就会自动压缩，在当前文件的下边会生成月一个min文件，代码里引用它即可。

注意：css同样道理。重复步骤2。YUI compressor可以压缩js也可以压缩css哦！

-------这些都太low了，若想高薪，赶紧上手前端工程化那一套吧，vue + vue-router + vuex + webpack + ES6 搞起来！记住自己要先写好一些公用的组件，以便以后直接拷贝，让别人觉得你是个大神 [捂脸笑]。--------