angularjs - 是否有任何自动化的 [grunt] 任务可以在 index.html 中为 CSS/JS 文件添加 CDN？

Question

使用 yeoman generator-angular，它假定您要将 css 和脚本文件与 index.html 文件放在同一服务器中。它生成一个 dist/index.html 文件，如下所示:

<link rel="stylesheet" href="styles/7d151330.main.css">
<script src="scripts/6f9c9a13.scripts.js"></script>
<script src="scripts/bd6ce9e3.plugins.js"></script>
<script src="scripts/ec88f033.modules.js"></script>

但是，我想将 CSS/JS 文件托管在不同的服务器上并以 URL 开头:

<link rel="stylesheet" href="//mycdn.com/styles/7d151330.main.css">
<script src="//mycdn.com/scripts/6f9c9a13.scripts.js"></script>
<script src="//mycdn.com/scripts/bd6ce9e3.plugins.js"></script>
<script src="//mycdn.com/scripts/ec88f033.modules.js"></script>

我相信这是 YSLOW 最佳实践，实际上正在被您当前正在查看的 stackoverflow 页面使用(查看源代码以查看他们关于 https://cdn.sstatic.net/ 的注释)使用 grunt-google-cdn 插件似乎还不可能拥有不同的 CDN

我目前的想法是执行搜索并插入:

<script src="[INSERTHERE]scripts/
<link rel="stylesheet" href="[INSERTHERE]styles/ 

更新:有几个 grunt 插件可以执行搜索/替换，因此这可能是最佳途径。

在 grunt 构建期间获得 CDN url 的任何其他建议？

Answer 1

我一直在寻找相同的功能，看起来这个包可以完成这项工作:
https://github.com/tactivos/grunt-cdn