Angular X-如何更改index.html中已编译JavaScript文件的路径_Javascript_Angular_Iframe_Angular6_Ng Build

Angular X-如何更改index.html中已编译JavaScript文件的路径

javascript angular iframe angular6

Angular X-如何更改index.html中已编译JavaScript文件的路径,javascript,angular,iframe,angular6,ng-build,Javascript,Angular,Iframe,Angular6,Ng Build,我正在Iframe中使用Angular应用程序，我希望能够在完成构建（ng构建）后更改index.html中javascript文件的路径这是我用来构建Angular应用程序的命令： npm run env && ng build --aot --prod --environment=prod 完成后，在我的dist文件夹中，我有以下目录树： index.html inline.318b50c57b4eba3d437b.bundle.js main.d83bd9b8af8c6

我正在Iframe中使用Angular应用程序，我希望能够在完成构建（ng构建）后更改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>

<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>

...

我想以某种方式更改build命令，可能有一个我没有看到的标志或任何其他方法来为javascript文件生成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>

<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>

...

set href base in build命令

ng build --base-href /PathBefore/

请尝试ng build--prod--base href=/PathBefore/抱歉，我忘了还提到我尝试了--base href标志，但它不起作用：（@SGalea这不是我想要的，但它仍然是一个适合我的解决方法。你可以在构建中使用--output path，它自己回答可能有点晚了，我有相同的问题，下面是对我的构建--prod--deployUrl=“PathBefore/”进行的工作`