Question

我想使用传入的命令行变量直接修改我的Ember app的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'
    }
  };
}

如何在Ember应用程序中使用全局变量，特别是在index.html中？

1 个答案: