如何在生产构建中替换 wiredep 注入的代码？

Question

我正在使用 Bower 进行包管理。此外，为了自动将 Bower 组件放入 HTML，我正在使用 grunt-wiredep。我将它们都集成到我的项目中并且运行良好。

对于生产服务器，我想缩小并连接 bower 组件并将这个新文件的路径放入我的 HTML。我使用 bower_concat 来连接缩小的文件。

但是我如何用这个串联的脚本标签替换 wiredep 脚本标签？有什么自动化的方法吗？

Answer 1

终于有了答案，放在这里给大家看。

我们可以使用 grunt-processhtml 插件。

<!-- build:js js/third-party.min.js -->
<!-- bower:js --> 
<!-- endbower -->
<!-- /build -->

如果我们将其放入 html 文件中，wiredep 将填充 bower 依赖项，并且 processhtml 会将其替换为 js/third-party。min.js

How to replace wiredep injected code in production build?