I have a very simple Angular app that generates 171 build js files from @arcgis/core. Is there a way to combine these into a single js file that can be referenced in a single html script tag?
For some background I'm using Angular Elements to create a native web component from an Angular component containing an arcgis js map. When I drop that web component in a vanilla html page I get console errors about the missing 171 js files. I need to bundle up the 171 files into a singe one but somehow keep the references intact.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ESRI Map</title>
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link
rel="stylesheet"
href="https://js.arcgis.com/4.19/esri/themes/light/main.css"
/>
<script src="main.js"></script>
<script src="polyfills.js"></script>
<script src="vendor.js"></script>
</head>
<body>
<esri-map></esri-map>
<script src="map-elements.js"></script>
</body>
</html>