如何缩小我的谷歌浏览器扩展程序的JavaScript文件

Question

我完成了谷歌Chrome扩展开发。现在是时候在谷歌Chrome扩展仪表板上部署了。但问题是如何缩小我的javascript文件（background.js和content.js）。我可以使用可用的在线工具但是他们一次只做一个文件而不考虑对其他javascript文件的依赖。

例如，background.js和content.js之间的消息传递是通过键值完成的，该值告诉对方这是什么类型的消息。 我不确定chrome本身是否会缩小我的javascript文件。我这里有点文盲。请帮忙。

Answer 1

Chrome不会立即执行任何缩小操作。您的Chrome扩展程序会按原样加载JavaScript / CSS文件 - 缩小程序完全取决于您。为了便于调试和其他用户能够检查代码，大多数扩展都是未分析的。扩展通常应该可以忽略不计的性能提升。

如果您确实想缩小，可以使用grunt或gulp运行uglify任务。

Answer 2

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

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