Odigo

This project was generated with Angular CLI version 11.0.0-rc.2.

Pasos para construir un angular web element

ng new odigo ng add @angular/elements ng g component analytics-counter --inline-style --inline-template -v Native ng build --prod --output-hashing none

Se añade en el root concatenate.js que hace el empaquetamiento del web element, una libreria js mas una css, también podría contener assets

npm install fs-extra concat --save-dev

Añadimos el siguiente scrip a package.json: { "scripts": { ... "build:elements": "ng build --prod --output-hashing none && node concatenate.js" }, } }

Y por último para realizar el bundle correctamente se ejecuta el siguiente comando

npm run build:elements

Para lanzar las pruebas con una página html que incorpore el web element y lo utilice, se deben seguir los siguientes pasos

npm install http-server -g Ejecutar http-server (esto lanza un servidor web en el puerto 8080 y ejecuta el index.html en el root.Este index.html es el que tiene la incoporación del web element)

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Build and pack as javascript/css library

npm run build:elements

Create component web element

ng g component analytics-counter --inline-style --inline-template -v Native

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.