javascript - 我如何将tinymce和所有插件压缩到一个静态文件中？

Question

documentation对于 tinymce，可以将所有 javascript 和组件(我假设包括插件)压缩到一个文件中。他们确实指出了人们可能不想这样做的原因。

Compressing into a static file

It's also possible to simply concatenate the necessary components and some boilerplate code into a single .js file. However you will always have to recreate this file if you want to use other TinyMCE plugins, or you upgrade TinyMCE. You will also probably want to configure your webserver to compress javascript files.

但是假设一个人确实想要这样做，那么他实际上是如何去做的呢？ Build.xml 似乎没有提供适当的任务。至少当我尝试加载 tiny_mce.js 时，插件似乎没有被包含在内。

Answer 1

有一些非常出色的命令行工具可用于此操作，但您也可以仅使用文本编辑器轻松完成此操作。最简单的方法是打开每个文件，复制内容，然后将内容粘贴到一个 JS 文件中(比如“everything-all-together.js”)。您需要确保将文件粘贴到单个文件中的顺序与将脚本标签放入 HTML 文档的顺序相同。将所有文件放在一起后，您可以使用 JSXMin、YUI Compressor 或 Google Closure 等工具。也有一些在线工具可以执行此操作，例如 http://www.minifyjavascript.com/ .您可以粘贴未压缩的 JS，然后复制回压缩的 JS。这使得构建过程非常麻烦，但如果您只需要执行一次，就可以完成。

执行此操作的最佳方法是将其作为网站的构建步骤来执行。这意味着当您对 JS 文件进行更改时，您将重建压缩的 JS 文件以包含更改。如果您快速迭代并一遍又一遍地更改文件，这可能是一个麻烦的步骤。您不希望每次保存都必须重建压缩文件。您可以通过设置网站的开发和生产模式来解决这个问题。在开发模式下加载时，JS 文件不会组合在一起。完成所有必要的更改后，您将重新运行构建步骤以生成单个压缩的 JS 文件。要从命令行进行缩小，您可能需要使用 Google Closure:https://developers.google.com/closure/compiler/ .如果您下载编译器应用程序，则可以执行以下操作:

java -jar compiler.jar some-file.js some-other-file.js > compiled.js

这将生成一个名为 compiled.js 的文件，其中包含缩小格式的 some-file.js 和 some-other-file.js 的内容。您可以根据需要指定任意数量的文件进行编译。实际上，我卖 Closure 有点短，说它只是缩小了。它也是极其优化的代码。几乎每个站点都应该一直对所有 JS 执行此操作，除非他们已经在做更好的事情。