11

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 のベスト プラクティスであり、実際に現在ご覧になっているスタックオーバーフローのページで使用されていると思います ( https://cdn.sstatic.net/のノートを参照するには、ソースを参照してください) 。 grunt-google-cdnプラグインでまだ可能

私の現在の考えは、検索を実行して挿入することです：

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

更新: 検索/置換を実行する grunt プラグインがいくつかあるため、これが最適なルートである可能性があります。

grunt ビルド中に CDN URL を追加するための追加の提案はありますか?

4

3 に答える 3

1

これでうまく いきますhttps://www.npmjs.org/package/grunt-cdnify 標準的な使用例では、URL のベース文字列を設定するだけです。たとえば、'//cdn.example.com/' です。cdnify タスクは、ファイル内のすべてのローカル URL を自動的に検索し、この文字列を前に付けます。(二重スラッシュの追加を自動的に回避します。)

于 2014-03-10T18:59:08.653 に答える