要自己压缩出这样的代码其实很简单,使用 js2image 这个库就可以。
github 地址:https://github.com/xinyu198736/js2image
执行以下命令安装全局命令:
$ npm install js2image -g
使用方法:
# 直接在命令行里执行此命令即可压缩,默认压缩出一个xmas.js后缀的文件。
# -s 源代码路径 必须的参数!
# -r 是否反相图像 可省
# -i 指定使用的图片的路径,默认使用 ./resource/tree.png 可省
$ js2image -s ./resource/jquery.js
# 新增支持打包一个文件夹内所有js文件,慎用!不保证打包后的js100%运行正常,请经过人工测试确认。
$ js2image -s ./resource
$ js2image -s ./resource/jquery.js -i ./resource/tree.png
如果要定制一些具体的参数,可以用 require 的方式引入使用
var Js2Image = require("./index.js");
var path = require("path");
var source = "./resource/vue.js";
var image = path.join(__dirname,"./resource/happy.png");
var out = source.replace(".js",".xmas.js");
// 定制每一行的像素像素宽度
Js2Image.writeToFile(source,image,out,{
reverse:false,
size:{
width:70
}
}).then(function(code){
});
详细的技术实现,可以看这篇文章:圣诞节,把网站所有的js代码都压缩成圣诞树吧。https://zhuanlan.zhihu.com/p/20439979
玩的开心!
作者:小芋头君 来源:掘金
链接:https://juejin.im/post/5ac3067d6fb9a028bd4c7fa8