usemin的好处？

Question

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

Answer 1

usemin 有什么作用？

usemin将采取一组无论是CSS或JS并执行以下操作：

1. 连接在您的 HTML 中的 usmin 块中找到的文件
2. 丑化或 cssmin 连接的文件
3. 使用基于文件内容的哈希修改输出文件
4. 使用对 usemin 输出文件的单个引用替换 css/脚本块

这样做有什么好处？

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

当然，无需 usemin 即可连接一个充满脚本的目录，但您最终会在 gruntfile 中处理此问题。哪个更好——在 HTML 中还是在 gruntfile 中？这是你的电话，基于你正在做的工作类型。

其次，使用修订哈希更新的 HTML 很好。如果块中的文件在推送之间更新，它会在哈希更改时为您缓存。

我遇到的常见问题……其他人也遇到过：

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

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

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

最重要的是，与所有工具一样，usemin 有一些甜蜜点可以让事情变得更容易……或更难。如果您有少量要连接和缩小的文件，usemin 可以使这变得容易管理。如果您有数百个文件？你可能不想要 usemin。