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>
ビルドコマンドを何らかの形で変更したいのですが、見たことのないフラグや、次のようにjavascriptファイルの別のパスでindex.htmlを生成する他の方法があるかもしれません。
<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>