我有一个js文件, 里面有2个字符串,字符串是全国的省市区信息,达到1.22mb.
编译的时候一直提示
[警告] js\areaJson.js
文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理,手机端使用过大的js库影响性能。
请教下大家该如何优化?
我有一个js文件, 里面有2个字符串,字符串是全国的省市区信息,达到1.22mb.
编译的时候一直提示
[警告] js\areaJson.js
文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理,手机端使用过大的js库影响性能。
请教下大家该如何优化?
可以将areaJSON.js中的数据单独存为json格式的数据(不带js代码,纯json字符串)
如areaJSON.js原来代码是
var area=[{province:'北京',id:1}....]此类的,改为[{province:'北京',id:1}....]
当然不改js文件内容也行,到时读取出代码后需要用eval转换一下,需要注意var/let申明要去掉,要不eval后只在匿名函数中能使用,无法变为全局变量
可以用安装的压缩文件如rar,将js文件压缩进入zip文件中,注意是zip,不要选rar。看下压缩后的zip文件是多大,如果还是很大可以省略不用看下面的zip文件解压了
如果小于预期格式,可以用jszip-utils.js解压下zip文件,还原为js数据
https://stuk.github.io/jszip-utils/dist/jszip-utils.js
https://stuk.github.io/jszip/dist/jszip.js
JSZipUtils.getBinaryContent('Hello.zip', function (err, data) {//注意修改zip文件路径
if (err) {
throw err; // or handle err
}
JSZip.loadAsync(data).then(function (d) {
d.files['areaJson.js'].async('string').then(s => {//注意修改zip文件中的文件名
//s为未压缩时的代码
//JSON.parse(s)//纯json字符串用这个生成数据对象
//js代码用 eval生成
console.log(s)
eval('var a=123')
eval('x=123')
})
});
});
有帮助或启发麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~