改变Angular2中的index.html生成

Question

我将Angular（2）应用程序部署到需要从自定义位置加载NG2 JS的容器。

目前，当我构建我的应用时，index.html会生成

<base href="/">
<app-root>Loading...</app-root>
<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>

但是我需要它来生成类似的东西：

<!--<base href="/">-->
<app-root>Loading...</app-root>
<script type="text/javascript" src="/custom/inline.bundle.js"></script>
<script type="text/javascript" src="/custom/polyfills.bundle.js"></script>
<script type="text/javascript" src="/custom/styles.bundle.js"></script>
<script type="text/javascript" src="/custom/vendor.bundle.js"></script>
<script type="text/javascript" src="/custom/main.bundle.js"></script>

这可能吗？我怎样才能做到这一点？谢谢！

Answer 1

在.angular-cli.json：

"deployUrl": "custom"

Answer 2

那么，deployUrl将满足您的要求，但我建议您仅在需要时加载js文件（动态加载js文件）。 在index.html中使用js文件是一个简单的方法。当应用程序加载时需要使用js文件时应该使用它。否则你应该使用其他js（根据要求使用不同的组件）。