How to Compile Angular Element Into Web Component w/ Webpack or Angular CLI?

Question

I built a simple Web Component via Angular using Pascal Precht\'s tutorial, which you can see working HERE. It auto-magically compiles in the on Stackblitz in the link, but not

Answer 1

Hello there.

If i am understanding correctly, you want to generate a Web Component (lets say ) and then with a simple script tag to get the .js file to initialize that component and add it on any html page you want to.

In my GitHub repository i have created a simple Todo List Component. That component follows the Angular Elements Principles and also, i have installed some file managment libraries for webpack to also pack the JS into one JS file.

You can check this repository out and see if that helps you out. Just clone it and then run npm install followed by npm run build:elements Feel free to contact me if anything goes south.

Also check this guide. This guy has helped me a lot.

Best of luck