利用开发工具webstorm
先下载YUI压缩jar包
https://github.com/yui/yuicompressor/releases
打开webstorm，然后，我们打开WS工具的设置界面
然后找到Tools -- > File Watchers,点击右边的+，选择最后一项"YUI compressor JS "
在弹出框中的Program项中点击后面的"..." 选择你下载的jar包文件，然后点击OK即可
出现如下界面说明导入成功！！然后点击OK退出设置界面即可
我们以上做的这些操作的目的是为了在WS中设置一个监听器，我们对js文件进行的操作都会转变成min.js文件，无论是输入一个空格还是一个回车，都会启动jar包对js文件进行转换。
所有空格回车都被压缩了挤成一行，极大的缩减了内存！！
Css同样如此操作
总结：
web前端优化是一个非常重要的任务，在开发中使用压缩工具也是必要途径之一！！
[if !vml]
[endif]
利用开发工具webstorm 先下载YUI压缩jar包 https://github.com/yui/yuicom...
前端优化的手段 js css压缩合并 css在上，js在下（defer，async） 图片压缩、CSS-sprit...
压缩 html css js 压缩图片
性能优化的方法 （1）减少http请求次数，CSS Scriptes，Js，Css源码压缩，图片大小控制合适；网页...
方法一： （1）、减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gz...
1. 前端性能优化的方法？ （1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小...
你有用过哪些前端性能优化的方法？（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片...
我们除了可以使用 gulp 压缩 JS 文件，还可以压缩 CSS，压缩 CSS 代码可以降低 CSS 文件的大小，...
我们除了可以使用 gulp 压缩 JS 文件，还可以压缩 CSS，压缩 CSS 代码可以降低 CSS 文件的大小，...
css 文件引用放在head里面，js文件引用放在body底部，css js用压缩工具压缩成min.css 和mi...
本文标题：webstorm压缩js、css方法
本文链接：https://www.haomeiwen.com/subject/tliuxqtx.html
网友评论