
前端项目正式发布时一般需要混淆压缩js、css文件等,一方面压缩能够使文件体积更小,更多的节约网络io资源,另一方面能避免被人读懂你的代码!!!!!!工具可以使用 uglifyjs2。
安装
通过npm安装。
下载node.js安装文件,并安装:https://nodejs.org/en/
npm包含在node.js中。
安装 uglifyjs:
npm install uglify-js@2 -g
@2的作用是指定下载uglify-js 2.x的版本,@1为下载1.x的版本
用法
uglifyjs input1.js [input2.js ...] [options]
-o, --output Output file (default STDOUT).
-b, --beautify Beautify output/specify output options.
[string]
-m, --mangle Mangle names/pass mangler options. [string]
-r, --reserved Reserved names to exclude from mangling.
-c, --compress Enable compressor/pass compressor options. Pass
options like -c
hoist_vars=false,if_return=false. Use -c with
no argument to use the default compression
options. [string]
--wrap和--export-all选项也很有用,不过多个文件有先后执行调用顺序时可能会有问题。
uglifyjs vue.js -o vue.min.js -c -m
可以发现压缩后体积减少了很多。也可以将多个js压缩成一个js,就不演示了。