javascript - 使用 node.js 在生产模式下缩小脚本/CSS

Question

我有一个在 node.js 中运行的网络应用程序。目前所有(客户端)Javascript/CSS 文件都没有被缩小，以便于调试。

当我开始生产时，我想缩小这些脚本。最好有类似的东西:

node app.js -production

如何在不更改 html 文件中的脚本标签的情况下提供脚本的缩小版本？应该是这样的:如果我在生产中，使用这 2 个缩小(组合)脚本，否则使用我所有未缩小的脚本..

这可能吗？可能是我想的太复杂了？

Answer 1

您可能对 Piler 感兴趣.它是一个 Node.js 模块，可在 Debug模式下像往常一样提供您指定的所有 JavaScript(和 CSS)文件，但在生产模式下会连接和缩小。

作为一项特殊功能，您可以通过 Socket.io 强制 CSS 更新实时显示在您的浏览器中(在 Piler 中称为“CSS Live Updated”)，这非常棒:-)。

诀窍在于，在您的模板中，您只有 script 和 link 元素的占位符，并且 Piler 在运行时呈现这些元素 - 作为 Debug模式下的单个元素，并作为生产模式下动态生成的单个元素。

通过这种方式，您可以忘记手动或使用构建工具创建 Assets 的串联和缩小版本，它仅在运行时存在，但在开发和调试时您始终拥有分离的完整版本。