轻松压缩JS文件

JavaScript018

轻松压缩JS文件,第1张

在任意文件夹下按住shift按键的同时,点击鼠标右键 打开powershell命令窗口 执行命令: npm install uglify-js -g 首先,打开cmd 其次,查找要压缩的js文件,查找方法如下: 1、输入文件所在位置 例如,我需要压缩的文件在E盘中,就输入  e: 2、输入:cd + js文件所在位置 例如,我需要压缩的js文件在:E:\electron-vue\topology\static\new_node_modules\topology-vue 就执行:cd electron-vue\topology\static\new_node_modules\topology-vue 3、输入:uglifyjs + 要压缩的js文件名称 +  -o +  压缩后js文件名称 例如,我要将topology-vue.umd.js文件压缩成topology-vue.umd.min.js 就执行:uglifyjs topology-vue.umd.js -o topology-vue.umd.min.js 你没看错! 就是这么简单!! 将JS文件进行压缩,让你的程序快马加鞭地跑起来吧!!!

这段时间因为免费试用了 https://free.aliyun.com/ 一台阿里云的服务器,配置是 2核4G 2M,

因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加载的 js 过大而引起的。因此本文将主要讲解Vue项目打包后js、css、svg等文件过大的解决办法。

通过引入 compression-webpack-plugin 插件来打包,然后开启 nginx gzip 来解决问题

配置 compression-webpack-plugin 前后打包对比,我们查看 dist目录,能够发现大于10KB的 js css 等文件已经被压缩了

安装:cnpm install uglify-js –gcss

参数用法:

uglifyjsXX.js -o xx.min.js压缩

uglifyjsXX.js -m -o xx.min.js 混淆性压缩

uglifyjsxx.min.js –b –o xx.js 美化(反压缩) 文件

安装:

cnpm install minifier -g

用法:

minifier 是一个 nodejs 下的用于压缩 js 和 css 文件的插件。

minify index.js

则在当前文件夹下会生成一个index.min.js 的压缩的文件。css文件采用相同的命令进行压缩。