javascript - grunt-usemin:定义自定义流程

Question

我正在使用 grunt-usemin插入。我想知道下面该怎么做。

我在 index.html 中有两个 usemin 配置 block 。

<!-- build:js /scripts/scriptsmin.js -->
<script src="/scripts/jquery.min.js"></script>
...
...
<!-- endbuild -->

<!-- build:js /scripts/scripts.js -->
<script src="/scripts/app.js"></script>
....
...
<!-- endbuild --> 

第一个 block ，scriptsmi​​n.js，是缩小文件。其次，scripts.js，包含所有需要缩小的文件。

我喜欢。

1. 在第二个 block 上运行 minifier (uglifyjs)
2. 将第一个 block 与第二个的缩小版本连接(第 1 步)

如果这些 block 在同一个文件中是否可能。我看到关于 flow 的部分.无法理解我是否可以命名配置 block ，并在每个配置 block 上设置单独的流程。它讨论了基于文件名 (index.html) 的流程。我应该如何编写 grunt useminPrepare 部分。

Answer 1

我遇到了同样的问题。如果你对两个文件而不是一个文件感到满意，你可以使用 usemin here 的分支。 .它启用了很少的新流程，即

• 图书馆
• libs2分钟
• 作废
• 移除

参见 full descriptions .所以你的 html 将是:

<!-- build:libs2min /scripts/scriptsmin.js -->
<script src="/scripts/jquery.js"></script>
...
...
<!-- endbuild -->

<!-- build:js /scripts/scripts.js -->
<script src="/scripts/app.js"></script>
....
...
<!-- endbuild --> 

不幸的是，嵌套 block 现在可能不是一个好主意。但您可以尝试一下。

要安装 fork 而不是常规的 grunt-usemin，请更改您的 package.json

"devDependencies": {
    ...
    "grunt-usemin": "Rauno56/grunt-usemin",
    ...
},

并密切关注主仓库 - 也许该功能也离实现不远了。