用RequireJS从CDN加载本地项目静态资产

Question

我有一个单一的页面应用程序，节点服务于主干网应用程序和所有营销材料。我希望为来自我们的Rackspace Cloudfiles CDN的所有资产(JS、html、映像)提供服务，以减少加载时间，因为gzip文件将被交付，并且减少了我的节点服务器上的负载。

自动化的最好方法是什么？

我需要：

• 生成后将文件同步到CDN
• 引用生产模式中所有静态资产的CDN。

我找到了Grunt和Node的解决方案，它们都在我的项目中使用。

格朗特CDN

咕噜云文件

节点资产Rack

如果我和葛朗特-这是我的第一选择，

1. 如何将正在运行的快递应用程序设置为生产中的CDN服务？
2. 使用资产管理器作为节点是否更好，因为它无论如何服务于我的所有资产？

Answer 1

如何将正在运行的快递应用程序设置为生产中的CDN服务？

当您呈现视图时，您可以传递一个标志，以指示从何处选择资产。

如果你有兴趣的话，我这里有一个例子。在我的例子中，我有一个标志来决定是否连接到网络(例如在飞行期间)，以决定从哪里选择JS文件：

<% if(isConnected) { %> 
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>    
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.min.js"></script>    
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-cookies.min.js"></script>    
    <% } else { %>
      <script src="/js/jquery.min.js"></script>
      <script src="/js/bootstrap.min.js"></script>
      <script src="/js/angular.min.js"></script>
      <script src="/js/angular-resource.min.js"></script>
      <script src="/js/angular-cookies.min.js"></script>
    <% } %>

https://github.com/hectorcorrea/hectorcorrea.com/blob/master/views/index.ejs#L136

在我的示例中，这个值是硬编码的，但是您可以很容易地将Express dev/prod值传递给视图，以便自动完成相同的操作。