Question

我正在使用角度CLI来构建我的应用程序。我需要在index.html（root）级别将应用程序的脚本加载到不同环境中的不同键。

...    
<script src="http://myAPI?key=dev"></script> <!-- dev build -->

<script src="http://myAPI?key=prod"></script> <!-- prod build -->

<my-root>Loading...</my-root>
...

如何从索引页面访问CLI环境变量？会是这样的：key =＆lt;％= env％＆gt;？

Answer 1

您无需在index.html中加载额外的脚本标记。如果需要加载外部脚本或css库，请将它们放在angular-cli.json文件中。喜欢这个

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "assets/css/font-awesome.min.css",
    "styles.scss"
],
"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
],

然后重新启动ng serve

Answer 2

我最后修改index.ts添加一行，例如：

document.write('<link rel="stylesheet" href="' + environment.mediaBaseUrl + '/css/bs3-custom-theme.min.css"/>');

问题是应用程序之后会加载任何文件。如果是CSS，则会导致FOUCs。

Angular 2 CLI加载脚本基于环境

2 个答案: