美文网首页我爱编程
前端js,css优化工具

前端js,css优化工具

作者: Kathy丶Andy | 来源:发表于2018-03-30 13:21 被阅读0次

这里推荐的是 yuicompressor 压缩代码工具,首先得确保自己电脑上安装的jdk,不会的自行百度,安装完之后再终端 javac 验证

下载yuicompressor工具的连接,密码: 22tb

下载好压缩包之后,解压 在buid文件夹里面有个

    yuicompressor-2.4.7.jar的文件

为了方便我们可以把这个文件单独复制到 比如D盘或者E盘的根目录,这样方便我们在后面的使用。
我们可以在E盘建一个js 文件,里面写上几段js代码。
接下来cmd进入终端
输入

java -jar 别着急按回车

接下来都需要用刚才复制的那个jar文件了,我的是在E盘根目录,所以我接下来输入的是

java -jar E:\yuicompressor-2.4.7.jar 

我的js文件也在E盘的根目录,所以接下来输入

java -jar E:\yuicompressor-2.4.7.jar  E:\index.js > E:\index.min.js

切记中间加上 > 符号 意思就是转换的意思,后面的是压缩完之后保存的路径,如果终端不报错,说明是成功的,可以对比发现

image.png

是不是省了很多空间。
还有一种方法就是在WebStorm里面配置,这里我就不在介绍了,可以自行百度。

相关文章

  • 前端知识汇总(渲染篇)

    前端优化的手段 js css压缩合并 css在上,js在下(defer,async) 图片压缩、CSS-sprit...

  • 前端性能优化

    前端性能优化,无非是html,css,js三方面的优化。 html\css\js首先要分开,拒绝内联等方式,运用文...

  • 前端开发工具

    参考文档 web前端开发分享-css,js工具篇

  • 前端js,css优化工具

    这里推荐的是 yuicompressor 压缩代码工具,首先得确保自己电脑上安装的jdk,不会的自行百度,安装完之...

  • webpack4.0 基础

    前端构建工具对比 作用: 把源代码转换成发布到线上的可执行 JS CSS HTML 代码; 代码转换、文件优化、代...

  • 知识点整理(三)

    1. 前端性能优化的方法? (1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小...

  • 前端的性能优化

    你有用过哪些前端性能优化的方法?(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片...

  • 性能优化

    +WEB前端性能优化:HTML,CSS,JS和服务器端优化对前端开发工程师来说,前端性能优化的重要性是不言而喻的,...

  • 移动端优化

    1. 代码优化##### css和js文件需要uglify 使用grunt等构建化工具 2. 图片优化##### ...

  • 网站优化

    网站优化 前端优化合并js,css,图片等资源,减少http请求次数开启http缓存使用CDN缓存资源和静态页面,...

网友评论

    本文标题:前端js,css优化工具

    本文链接:https://www.haomeiwen.com/subject/pnabcftx.html