【已解决】开发插件使用官方模板 esbuild 打包完 main.js 过大

源码加上 packs 总共只有 690KB,打包完 main.js 直接大于 4MB。
已在 esbuild.config.mjs 加了 minify: true。
虽然打包之后大伙不用自己改路径了,但是这个大小差别太大了,感觉不是很有优势。

240805 10:00 更新: 根据 #4 提示打包完 752KB,好多了,再研究研究看看能不能再小点。

17:00 更新: 似乎通过 CDN 下载另存为普通文件 require 和直接下载到 node_modules 最后打包出来的文件大小还是有差距。前者打包完 700KB 左右,而后者始终要大一些。

看看你打包出来的 main.js 里面是什么样的,变量名字有没有缩短,后面有没有code map。
production打包后一般不会那么大,如果dev模式下有几M,最后也会压缩成几百K

谢谢,光从表面上看是没问题的,我看了一下压缩后的内容,好像加了一些兼容性相关的代码,一下就非常多。我原来代码只有三百来行,压缩完之后两万多行了。

image

另外有一点我也觉得很奇怪。我通过 cdn.jsdelivr 下载到控制台再右键另存为,一个包就只是一个几百 KB 大的 JS,但我通过 npm i 下载到 node_modules 文件夹,一个包就有好几个文件夹,共计就有几 MB 大了,也许也和这个有影响。

和这个没关系,下载到node_modules里面的是所有的构建文件,包括多种格式,最后使用到的只有一种。

有这个东西,说明没有吧 source map 去掉,你看看是不是没有用num run build,或者esbuild.config.mjs里面没有设置sourcemap: false:

最后完全minify后的代码是这样的:

1 个赞