javascript - 使用min的好处？

Question

我最近接受了一个使用 usemin/uglify(与 Grunt)进行脚本连接/缩小的新项目，但我似乎无法找到 usemin 的好处。只是它使用 html 模板作为配置吗？似乎通过 uglify 来完成它会是一个更好的解决方案。使用 usemin 有什么好处？

Answer 1

usemin 有什么作用？

usemin 将采用一组 CSS 或 JS 并执行以下操作:

1. 连接在 HTML 中的 usmin block 中找到的文件
2. uglify 或 cssmin 连接的文件
3. 使用基于文件内容的散列修改输出文件
4. 用对 usemin 输出文件的单个引用替换 css/脚本 block

这有什么好处？

首先，连接是按照文件在您的 usemin block 中列出的顺序完成的。因此，如果您有一个 JS 模块/脚本依赖于另一个被首先加载，您可以轻松地查看 HTML 中的顺序并进行编辑。

当然，连接一个充满脚本的目录可以在没有 usemin 的情况下完成，但是你最终会在你的 gruntfile 中处理它。哪个更好——在 HTML 中还是在 gruntfile 中？那是你的决定，取决于你正在做的工作。

其次，使用修订散列更新的 HTML 很好。如果 block 中的文件在两次推送之间进行了更新，它会在哈希更改时为您清除缓存。

我遇到过的

常见问题……其他人也遇到过:

• 如果您有一个庞大 脚本列表，每次脚本更改时调整 HTML 可能会很痛苦。我在使用 SPA 框架时遇到过这个问题，并且曾经使用过从 LESS 生成的一组疯狂的精心制作的 CSS 文件。您可以说这两种情况的根本原因是不同的工具/技术......但 usemin 并没有使任何一种情况变得更容易。

• usemin block 目录语法很笨拙。在 gruntfile 和 HTML 中都有命名的目录。你必须稍微玩一下它才会有意义。

• 如果您的文件数量非常少...比如一两个文件，Usemin 就有点过分了。

底线 是，与所有工具一样，有一些甜蜜点可以让 usemin 使事情变得更容易……或更难。如果您有一些文件需要连接和缩小，usemin 可以使它易于管理。如果你有数百个文件？您可能不想使用 min。