使用插件部署Ember应用程序到Github页面

Question

我的组织正在使用Ember插件来开发我们的应用程序之间的一组共享组件。我们称这个存储库为app-components。目前，组件应用程序的主要职责是分发CSS，字体和图像。

我们还在构建一个生动的styleguide，它将摄取我们的共享组件，并以中性方式呈现给开发人员参考。我们称之为存储库app-styleguide。我们的目标是使用ember-deploy部署app-styleguide将此解决方案部署到Github页面。该URL遵循以下模式：

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

当app-styleguide应用，使得它的gh-pages分公司，并担任一个网页，所有的字体和图像通过app-components被交付给了我们404我有引用了这个问题的一些不同的解决方案，但我一直在尝试我们已经尝试过的相同解决方案。

我已经使用自动化部署以下两个烬插件到GitHub的网页尝试：

1. https://github.com/poetic/ember-cli-github-pages
2. https://www.npmjs.com/package/ember-cli-deploy-gh-pages

在我们与香草ember-cli-deploy解决方案去年底，随着这两个插件是相当老...

我按照这里的说明添加rootUrl and的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'; 
    } 

而且我们的要求继续不加app-styleguide添加到来自Addon的资产的请求URL。以下是来自Chrome DevTools网络选项卡失败的请求的例子：

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）上得到一些帮助。事实证明，我需要更新资产指纹识别中的一些设置。

使用附带的broccoli-asset-rev库我不得不修改我的ember-cli-build.js包括以下内容：

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

我需要更新的选项占SVG，TTF，& WOFF，以及适当的预谋网址分割。

你可以阅读这里的功能： https://ember-cli.com/asset-compilation#fingerprinting-and-cdn-urls

可用选项： https://github.com/cibernox/broccoli-asset-rev?files=1#options