我在 iframe 中使用我的 Angular 应用程序,并且我希望能够在构建(ng build)之后更改 index.html 中 javascript 文件的路径。
这是我用来构建我的 Angular 应用程序的命令:
npm run env && ng build --aot --prod --environment=prod
完成后,在我的 dist 文件夹中,我有这棵树:
index.html
inline.318b50c57b4eba3d437b.bundle.js
main.d83bd9b8af8c676f706b.bundle.js
and etc
查看 index.html 内部,我们可以看到以下内容:
<body>
...
<script type="text/javascript" src="inline.318b50c57b4eba3d437b.bundle.js"></script>
<script type="text/javascript" src="polyfills.5a5809ec73e38d8a32d3.bundle.js"></script>
<script type="text/javascript" src="scripts.7b67fa96a25429619fd6.bundle.js"></script>
<script type="text/javascript" src="main.d83bd9b8af8c676f706b.bundle.js"></script>
</body>
我想以某种方式更改构建命令,也许有一个我没有看到的标志或任何其他方法来生成 index.html,其中 javascript 文件的路径不同,如下所示:
<body>
...
<script type="text/javascript" src="PathBefore/inline.318b50c57b4eba3d437b.bundle.js"></script>
<script type="text/javascript" src="PathBefore/polyfills.5a5809ec73e38d8a32d3.bundle.js"></script>
<script type="text/javascript" src="PathBefore/scripts.7b67fa96a25429619fd6.bundle.js"></script>
<script type="text/javascript" src="PathBefore/main.d83bd9b8af8c676f706b.bundle.js"></script>
</body>