如何在Ember應用程序中（特別是在index.html中）使用全局變量？

Question

我想使用傳入的命令行變量直接修改Ember應用程序的index.html。因此，我可以在我的environment.js文件中的“ ENV”下設置它們，然后在一些.js文件中訪問它們通過導入ENV。 但是，在我的index.html文件中，即使“ rootURL”變量出現了，這些變量也沒有出現。 例如，如果我在ENV中設置rootURL: "/blah"和var1: "/blah2" ，則如果我有類似a href={{rootURL}}和a href = {{var1}} ，則第一個鏈接有效，而第二個無效。

因此，我假設{{rootURL}}不是直接來自ENV變量，但是我找不到它來自哪里。 我試圖對'app.js'中的變量做類似的事情，但是我對這行感到困惑： import config from './config/environment'; 這到底導入了什么？ 我在environment.js中找不到任何名為“ config”的東西。 是否可以在該文件（app.js）中設置全局變量？

Answer 1

我正在使用ember-cli-inline-content在索引中使用變量，因此可以根據環境（生產或開發）來更改某些網址，例如：

<link rel="stylesheet" href="{{content-for 'ASSETS_BASE_URL'}}/xxx/yyy/assets/vendor.css">

在我的ember-cli-build.js文件中：

if (app.env === 'development') {
  app.options.inlineContent = {
    ASSETS_BASE_URL: {
      content: 'http://lvh.me:8080'
    }
  };
}

if (app.env === 'production') {
  app.options.inlineContent = {
    ASSETS_BASE_URL: {
      content: 'https://assets.mydomain.com'
    }
  };
}