如何缩小我的 google chrome 扩展程序的 javascript 文件

How to minify my google chrome extension's javascript files

我的 google chrome 扩展开发已经完成。现在是时候在 google chrome 扩展仪表板上部署了。但问题是如何 缩小 我的 javascript 文件(background.js 和 content.js)。我可以使用可用的在线工具,但它们一次处理一个文件,并且不考虑对其他 javascript 文件的依赖性。

比如background.js和content.js之间的消息传递是通过一个键值来完成的,它告诉对方这是一条什么样的消息。 我不确定 chrome 本身是否缩小了我的 javascript 文件。我这里有点文盲。请帮忙。

Chrome 不执行任何开箱即用的缩小。您的 Chrome 扩展程序将按原样加载 JavaScript/CSS 文件 - 缩小完全由您决定。为了便于调试和其他用户能够检查代码,大多数扩展都没有缩小。通常扩展的性能提升应该可以忽略不计。

如果您确实想要缩小,您可以使用grunt or gulp.

运行 uglify 任务

要缩小 HTML,请尝试 HTMLMinifier 要缩小 CSS,请尝试 CSSNano and csso。 要缩小 JavaScript,请尝试 UglifyJS. The Closure Compiler is also very effective。您可以创建一个构建过程,使用这些工具缩小和重命名开发文件并将它们保存到生产目录。

参考:Minify Resources (HTML, CSS, and JavaScript)