Recientemente descargué Angular CLI (@angular/cli 9.0.1). Luego procedí a crear una nueva aplicación para poder crear un nuevo elemento angular, empaquetarlo y usarlo en otra aplicación.
Después de seguir algunos blogs, el paso final de cada blog con el que me encontré hablaba sobre la creación de un solo archivo JS a partir de los archivos generados colocados en la carpeta dist/. Por ejemplo: https://blog.bitsrc.io/using-angular-elements-why-and-how-part-1-35f7fd4f0457
Luego, usando el comando cat, estamos concatenando los archivos runtime.js , polyfills.js , scripts.js y main.js de la carpeta dist/angular-app en un archivo angularapp.js dentro de la carpeta de vista previa.
Ejecutar ng build angular-app --prod --output-hashing=none en su lugar parece producir archivos llamados:
Revisé todos los archivos que tenían los términos es5 y es2015 y los cambié a es6 , pero aún producían los mismos nombres de archivo es5 y es2015 . ¿Qué estoy haciendo mal aquí?
Son la misma cosa .
6.ª edición - ECMAScript 2015
Distintos nombres para lo mismo. Angular simplemente ha elegido llamarlo es2015.
ES2015 es lo mismo que ES6. ECMAScript 6 se lanzó en 2015.
Algo de historia:
https://codeburst.io/javascript-wtf-is-es6-es8-es-2017-ecmascript-dca859e4821c
Angular no agrupa los archivos JavaScript en un solo archivo.
Puede agregar un paso de compilación para unir los archivos.
concat-build.js :
var concat = require('concat'); const es5 = ['./dist/app/runtime-es5.js','./dist/app/polyfills-es5.js','./dist/app/main-es5.js']; const es2015= ['./dist/app/runtime-es2015.js','./dist/app/polyfills-es2015.js','./dist/app/main-es2015.js']; concat(es5, './dist/app/elements-es5.js'); concat(es2015, './dist/app/elements-es2015.js');paquete.json :
"scripts": { "concat": "node ./concat-builds.js", "build": "ng build --prod --output-hashing=none && npm run concat" }No se confunda con las compilaciones ES5 y ES2015, porque el equipo de Angular dividió los paquetes según cómo se cargan los módulos (no específicamente en la versión de JavaScript).
Los navegadores web que admiten módulos cargarán las versiones ES2015 en lugar de las versiones ES5, pero se recomienda que ambas estén en Html.
Si solo desea usar un solo archivo, entonces está obligado a usar la versión anterior de ES5 y debe proporcionarla de la siguiente manera:
<script src="elements-es5.js">Se recomienda proporcionar ambos archivos de la siguiente manera y el navegador cargará la versión apropiada:
<script src="elements-es5.js" nomodule defer> <script src="elements-es2015.js" type="module">Tenga en cuenta:
Los navegadores más antiguos ignorarán la versión
type="module"y los navegadores más nuevos omitirán la versiónnomodule.