question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Generating a bundle using angular elements takes 5 minutes

See original GitHub issue

I’m trying to embed my rather large Angular app using Angular Elements. My main.js is around 12 Mbytes uncompressed. When I’m importing the file in my WebPart (import '../../client/main-es2015';) it works but it seems like generating the web part bundle takes around 4-5 minutes. Is there a better way of importing my rather large compiled bundle?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
vvolodincommented, Mar 12, 2020

Yes, sort of! Thanks a lot. I was able to compile my app into a single main.js bundle with polyfills in another js file. I’ve imported the main.js using import 'appname' syntax and it worked, but I couldn’t load my polyfills package however I tried to use import. It also isn’t clear how to include my extracted css.

Well, at least now I know it’s possible to work with my huge bundle without waiting for 5 minutes for each reload.

0reactions
StfBauercommented, Jun 23, 2020

Closed due inactivity.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Building and consuming Angular Elements as Web Components
In this article we'll explore building and bundling Web Components in Angular, approaches to consume Elements that has been enabled by Ivy ...
Read more >
Wanna create Angular Elements? Here's how! | - Medium
The “from-scratch” guide to authoring Web Components with Angular (in ... as to how to build one–in the sense of actually making the...
Read more >
Building a Custom Element Using Angular Elements
January 20, 2018 5 min read ... In fact, Angular takes charge of initializing a custom element and bridging the attributes, events and...
Read more >
Using Angular Elements — Why and How? — Part 1 | by Rajat S
In this post, I will show you how to use this package in your Angular application. But first, let's take a look at...
Read more >
Angular Elements Introduction & Walkthrough - YouTube
Angular Elements allows you to convert ordinary Angular components into native web components (custom HTML elements).
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found