是否有任何自动[grunt]任务将CDN添加到index.html中的CSS/JS文件中？

Question

使用yeoman generator-angular,它假定您要将css和scripts文件放在与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/上的注释)具有不同的CDN似乎不有可能还有grunt-google-cdn插件

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

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

更新:有几个grunt插件执行搜索/替换,所以这可能是最好的路线.

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

Answer 1

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