Addonを使用したEmberアプリケーションのGithubページへの展開

Question

私の組織はEmberアドオンを使用して、アプリケーション間で共有コンポーネントのセットを開発しています。このレポジトリをapp-componentsとしましょう。現在、コンポーネントアプリケーションの主な役割は、CSS、フォント、イメージを配布することです。

また、共有コンポーネントを取り込み、開発者が参照できるようにニュートラルな方法で提示するリビングスタイルガイドを作成しています。このレポジトリをapp-styleguideと呼ぶことにしましょう。このソリューションをGithub Pagesに導入するには、をember-deployで展開してください。 app-styleguideアプリケーションがgh-pagesブランチにそれを作り、ウェブページとして提供され、app-componentsで配信されているフォントや画像のすべては私たちに、私が持っている404を与えているとき

https://organization.github.io/app-styleguide/

：urlがこのパターンに従っこの問題に対するいくつかの異なる解決策を紹介しましたが、私が試したのと同じ解決策を続けています。我々はバニラember-cli-deploy溶液で行った最後に

https://www.npmjs.com/package/ember-cli-deploy-gh-pages

1. https://github.com/poetic/ember-cli-github-pages
：

は私がページをgithubのためにデプロイを自動化し、次の2個の燃えさしのアドオンを使用して試してみましたそれらの2つのアドオンはかなり古いです...

私はここに指示に従って働いていないlocationType properties to our environment.js`ファイル、：

• https://github.com/ember-cli/ember-cli/issues/398

当社environment.jsファイルは次のようになります。

if (environment === 'production') { 
    ENV.rootURL = '/app-styleguide'; 
    ENV.locationType = 'hash'; 
    } 

そして、我々の要求は追加しないし続けますアドオンからのアセットのリクエストURLにapp-styleguideを追加します。あなたが見ることができるように

Request URL:https://organization.github.io/assets/images/thumbnail-icons/person.svg 
Request Method:GET 
Status Code:404 Not Found 

、app-styleguideが要求に追加されません。ここではクロームデベロッパーツールネットワーク]タブからの失敗した要求の例があります。

ご協力いただきありがとうございます。

Answer 1

Ember Slack Community （@alexspellerに特別なおかげで）の助けを受けることができました。資産のフィンガープリンティングの設定を更新する必要があることが判明しました。私はSVG、TTF、& WOFFだけでなく、適切な先頭に追加URLを考慮するために、オプションを更新するために必要な

var app = new EmberApp(defaults, { 
    fingerprint: { 
     extensions: ['js', 'css', 'png', 'jpg', 'gif', 'map', 'svg', 'ttf', 'woff'], 
     prepend: '/app-styleguide/' 
    } 
    }); 

：私は、以下を含むために私ember-cli-build.jsを変更する必要がありました含まbroccoli-asset-revライブラリを使用して

セグメント。

現在の機能について読むことができます。 https://ember-cli.com/asset-compilation#fingerprinting-and-cdn-urls

利用可能なオプション：あなたは `person.svg`を参照してください https://github.com/cibernox/broccoli-asset-rev?files=1#options