Есть несколько приложений на одной странице:
<body>
<h1>First-app</h1>
<dr-first-app></dr-first-app>
<h1>Second-app</h1>
<dr-sec-app></dr-sec-app>
<script type="text/javascript" src="/js/first-app/runtime.js"></script>
<script type="text/javascript" src="/js/first-app/polyfills.js"></script>
<script type="text/javascript" src="/js/first-app/vendor.js"></script>
<script type="text/javascript" src="/js/first-app/main.js"></script>
<script type="text/javascript" src="/js/second-app/runtime.js"></script>
<script type="text/javascript" src="/js/second-app/vendor.js"></script>
<script type="text/javascript" src="/js/second-app/main.js"></script>
</body>
Собираю я каждое из командой:
ng build app-name.
В итоге они работают на одной странице, но я получаю ошибку:
zone.js:32 Uncaught Error: Zone already loaded
Я думаю такая ошибка возникает из-за того что в каждом бандле есть
zone.js. Но есть ли возможность вынести zone.js из бандла в единую копию и подключить его на страницу отдельным файлом? Если я прав, то возможно таким образом необходимо чтото еще вынести из бандлов и подключить отдельно тем самым снизив размер файлов приложений.
Средний