Comments (10)
from angular-bazel-example.
Maybe it makes sense to include a simple plugin to resolve to rxjs esm
I have something here:
https://github.com/thelgevold/angular-2-samples/blob/master/rollup/resolve-esm.js
from angular-bazel-example.
This removes the need for the commonjs plugin (for rxjs). Unless you plan to use it for other libraries later...
from angular-bazel-example.
When I check the produced bundle for my app using the rollup_bundle rule, there were 21 separate definitions of Observable (Observable
through Observable$20
.) It looks like the library may be included a large number of times.
Potentially related: when I first set up my rollup_bundle target, in the places of my code where I import rxjs/Observable
, Rollup complained about not knowing where to find Observable, so it treated it as a global (even though it still defined several local Observable$N
local variables inside of the IIFE.) My app wouldn't work until I added node_modules/rxjs/**
back into my //:node_modules
filegroup.
from angular-bazel-example.
bazelbuild/rules_nodejs@5016083 should fix this issue with rxjs - we should depend on the files built by bazel, not the rxjs distribution.
Misko found today that we are also missing the Angular Build Optimizer in this path, which does things like these /* @__PURE__ */
annotations that tell uglify that some code can be removed, I'll wire that up next.
from angular-bazel-example.
We built it again today and it's under 350,000 bytes uncompressed. We are in the ballpark. Working on hooking up @angular-devkit/build-optimizer
, maybe need @IgorMinar to help next week.
from angular-bazel-example.
i tried to serve example on my mac and I think this issue is related, when ibazel run src:devserver i get this
and when ibazel run src:prodserver i get this output
from angular-bazel-example.
@istiti I don't see how that's related to this issue?
from angular-bazel-example.
from angular-bazel-example.
Not doing more work on this - new rollup_bundle rule does the same thing you would do outside Bazel so it's not a problem in our scope
from angular-bazel-example.
Related Issues (20)
- Remove need for rxjs_shims HOT 2
- breakage on latest master? HOT 2
- node option about rollup_bundle
- How to enable remote execution with language servers for `TypeScriptCompile` and `AngularTemplateCompile` actions HOT 3
- What is the current state of Converting an Angular CLI workspace? HOT 1
- Question: index.html and injected js HOT 3
- Question: Debugging on upgrade HOT 2
- question: Experimental Support for Ivy in Bazel? HOT 2
- cannot be named without a reference to '../../external/npm/node_modules/@angular/animations/animations' HOT 3
- Service Worker HOT 3
- Remove ngfactory deps HOT 4
- Multiple Node Projects Single WORKSPACE FILE HOT 8
- Already install @bazel/ibazel but still not running on window HOT 4
- Cannot find nodejs when running bazel run //src:devserver HOT 2
- Cannot import with module_name only with path HOT 1
- cannot import with path mappings from tsconfig.json HOT 3
- Bazel + Ivy (--define=compile=aot) fails with TS-966002 HOT 5
- Using Bazel in Application using Library HOT 1
- importHelpers breaks ng test HOT 1
- Bazel errors when building targets with rxjs deps HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-bazel-example.