ember.js - ember-cli 在开发与生产中包含不同的脚本标签

Question

当使用 ember-cli 时，我希望能够包含需要 API key 的外部 js 库，并且我希望在开发与生产中使用不同的 API key 。

本质上我想将以下脚本标记添加到 app/index.html

<script type="text/javascript" src="http://something.com?key=API_KEY"></script>

但我希望 API_KEY 在开发中运行时与生产中运行时有所不同。

感谢您的帮助!

Answer 1

看看 ember-inject-script插件，可以轻松地将第 3 方脚本包含在您的 ember-cli 应用程序中。要使用它，请 npm-install 插件，然后使用初始化程序加载脚本。然后在 config/environment.js 中为 API_KEY 设置不同的值

npm install --save-dev ember-inject-script
ember generate initializer something-dot-com

然后按如下方式编辑初始化程序

import injectScript from 'ember-inject-script';
import config from '../config/environment';

export default {
  name: 'something-dot-com',
  initialize: function() {
    var url = "//something.com?key=" + config.SOMETHING_API_KEY;
    injectScript(url);
  };
}

在 config/environment.js 中

ENV.SOMETHING_API_KEY = 'YOUR_DEV_API_KEY';

if (ENV.environment === "production") {
  ENV.SOMETHING_API_KEY = 'YOUR_PROD_API_KEY';
}