RequireJS - CDNを使用してスクリプト以外のファイルをロード

Question

非同期モジュールのロードにRequireJSを使用するAngularJSで書かれた大きなクライアント側プロジェクトがあります。

私のAngularディレクティブの多くは、独自のHTMLとCSSを使用しています。たとえば ：私はCDNサービスで自分のアプリケーションを機能させるに取り組んでいます

define(function (require) { 
    require('css!path/to/directive-name.css'); 
    app.directive('directive-name', function() { 
     return { 
      restrict: 'E', 
      template: require('text!path/to/directive-name.html'), 
      controller: function ($scope) { 
       // code 
      } 
     }; 
    }); 
}); 

このごろ。 だから、すべてのJavaScriptファイルのために私はにrequire.config.jsファイルを変更しました：

paths: { 
     app: [ 
      '//cdn.domain.net/path/to/main', 
      'main' 
     ], 
} 

しかし、私のアプリケーションのスタートアップページにロードされているディレクティブがたくさんあり、それらの各々のための2つのファイルが（ありますCSS、HTML）が含まれていますが、CDNからではありません。

require.config.jsファイルをどのように変更して、ブラウザがHTMLを取得できるようにすることができますか？cssはCDNサーバーから取得しますか？ブラウザがCDNからそれをフェッチし、明示的require.config.jsに記載されていないが、CDNの障害の場合には、私のオリジンサーバにフォールバックします -

はオプションがrequir'edされていますごとファイルことありますか？

Answer 1

path fallbacksがあります。依存関係にIDを割り当て、そのIDを最初にローカルのCDNでパスマッピングするように定義する必要があります。残念ながら、依存関係ごとにこれを行う必要があります。

一方、RequireJSオプティマイザを使用してアプリを1つのファイルまたは複数のファイルにまとめ、そのファイルをCDNにバンドルすることを検討してください。そうすれば、それぞれの依存関係を識別する必要はありません。