UglifyJS压缩JS

Posted MirrorSpace

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UglifyJS压缩JS相关的知识,希望对你有一定的参考价值。

目标:

  压缩项目中的JS,CSS文件.

准备:

  1.安装NODEJS.是一个在服务端运行的JS语言.下载地址https://nodejs.org/en/download/           下载完成之后,(windows版本),双击后下一步....安装.

  2.打开CMD,执行 npm install uglify-js -g    // 意思是使用npm(nodejs package manager)包管理命令安装uglify-js 这个软件包, -g 的作用如同添加了环境变量,可直接在CMD中运行uglify命令.

  3.这个命令需要连网,因为要下载uglify的包,也可以下载源码 地址:https://github.com/mishoo/UglifyJS2

  4.尝试压缩一个JS试试:

    uglifyjs test.js -o test.min.js    // 第一个参数test.js为要压缩的源JS文件 -o表示输出到后面的test.min.js这个文件.结果就是test.js的目录下多了一个test.min.js文件,打开后是压缩过的版本.

    uglifyjs test.js -m -o test.min.js  // 比上面多一个参数 -m 意思是缩小变量名字,缩小后变量名成a,b之类的了.

    5.其它参数...

    uglifyjs -h // 这个命令可查看参数列表,功能各种各样.今天就不研究下...第4部的两个命令执行后,去掉了注释和空格转行之类,-m缩短变量名..已经初步达到目的了.

以上是关于UglifyJS压缩JS的主要内容,如果未能解决你的问题,请参考以下文章

uglifyjs 合并压缩 js, clean-css 合并压缩css

webpack打包后不能调用,改用uglifyjs打包压缩

UglifyJS3 压缩JS

UglifyJS压缩JS

在webpack用插件uglifyjs-webpack-plugin压缩ES6语法

UglifyJs打包压缩问题引起的思考