自制js编译压缩小工具

自制js编译压缩小工具

点点

2021-03-25 09:13 阅读 422 喜欢 0

关于js的编译和压缩,之前做过一个小工具了,主要就是自己项目成员大都没有这部分的技能,导致发布的时候总需要去编译压缩下.. 最终做了个命令行小工具.. 问题不在这里,前一阵子做压缩的时候发现压缩后竟然是undefined.最终才发现是es6的语法问题。

bug : 通过uglify-js 压缩js文件后文件内容为undefined

在对某个项目内的js文件做压缩的时候,发现了这个问题。结果发现是uglify-js不支持es6的语法和api。

最终只能通过babel来进行编译。

解决: compress 命令行工具

对之前封装的命令行工具compressj2 做了改版。

核心代码

let babel = require('@babel/core'); let baseCode = let {a} = {a :'name'}; babel.transform(baseCode, { presets: [ ['@babel/preset-env', { "useBuiltIns": "entry", "modules": false, "corejs": 2, // 新版本的@babel/polyfill包含了core-js@2和core-js@3版本,所以需要声明版本,否则webpack运行时会报warning,此处暂时使用core-js@2版本(末尾会附上@core-js@3怎么用) }] ] }, function(erra, result) { if (erra) { console.log('>>:' + filePath); console.log(erra); } else { console.log(result.code); } }); babel的版本是7以上,与之前的老版本会有差异。这个一定要注意。

关于babel的使用,参考https://segmentfault.com/a/1190000019718925

命令行的使用

安装

npm install compressjs2 -g

使用

compress //压缩当前目录下所有js并替换 compress -d /home/js //压缩目标目录下js并替换 compress -d /home/js -o /home/build //压缩目标目录下js并输出到/home/build目录下 compress -c //美化压缩后的js文件 compress -l //递归循环调用所有目录,否则只有当前级别

注意

//本工具中对js的编译的以上代码,很多api并没有增加,主要是对语法进行编译。 对babel的使用很粗浅,不过目前可以满足现有的环境要求。 以后项目再发布做编译压缩的时候.. 只需要一个简单的命令compress 就OK啦。

转载请注明出处: http://sdxlp.cn/article/压缩.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
我们日常生活,工作中,会经常用微信接收和发送一些重要文件,那么微信电脑版下载文件在哪,电脑文件夹怎么发送到微信,会有很多小伙伴为此困扰,小编今天就和小伙伴们一起看一下吧。
很多使用苹果手机的小伙伴们都会经常看到iCloud在手机中运行,不是所有的小伙伴都知道iCloud其实是用来恢复数据的。iCloud云备份如何恢复微信聊天记录?
小伙伴们在工作中,经常会有一些事情需要记录在本或者电脑里,很多小伙伴们看过小编之前的文章介绍过很多关于笔记软件的内容,有的小伙伴会去充值会员进行使用,也有的小伙伴不想要充会员,就来问小编微信可以记笔记吗,如何转发笔记给好友呢?
我们在使用微信聊天时免不了要发送图片,微信图片,删除后简单操作教你怎么找回它! 微信图片经常过期,或者被自己删除,但是又很重要,不得不给找回来,没有关系,我们可以试试下面的恢复方法,一定很有用!
平时免不了要换手机号,换手机。但是我们并不想换手机号和手机后我们的朋友不见啦!想再保留下来该如何处理哪?换手机登微信的时候需要验证你在微信上绑定的手机号码。如果我们把手机号码换了,怎么办了?
云端恢复微信聊天记录,现在的手机都是支持云端数据的,对于部分手机来说,内存不足可能就需要来备份,备份后如何后期查看,接下来就让小编带着小伙伴们一起去看看有关微信云端恢复聊天记录的相关消息。
生活与工作中,我们在使用微信时,肯定需要发送比较大(不能发送超过100mb的视频)的视频文件,很早的时候都是用QQ与微信的互传,这样就是有点麻烦,点点这期跟小伙伴们分享一个比较简单的方法。
手机是我们生活中必备的生活用品,几乎人人都有一部手机,如今手机越来越智能化,也下载了越来越多的智能软件及娱乐软件,比如微信的内存异常的大,如果内存比较的小的手机,垃圾软件及垃圾文件占了内存后,手机就会变得很卡,这里点点把清内存的方式分享给小伙伴们。