Stack Overflow
Stack Overflow

Questions tagged [systemjs-builder]

Builds ES6 into ES5, CommonJS, AMD and globals into a single file in a way that supports the CSP SystemJS loader as well as circular references.

41 questions
66
votes
3 answers

How to include zone.js, reflect-metadata etc. in Systemjs builder task?

I'm using system.js and systemjs builder to create a dist folder with all the packed javascript files of my angular2 application. It works pretty nicely, except that it does not include the following files, which are currently statically included in…
user66875
  • 2,772
  • 3
  • 29
  • 55
23
votes
1 answer

How do I get document injected into systemjs-builder for bundling a angular 4.0.0 app?

I'm trying to bundle an angular 4.0.0 app. I've tried browserify but the new angular-loader plugin (that allows for not needing the moduleId in components with templateUrl) does not get called and so the templates end up with the wrong path. So I…
Ricardo Gomes
  • 1,268
  • 2
  • 15
  • 35
21
votes
1 answer

Build Angular2 HTML and TypeScript to a single file

I'm putting together an app (Large scale) using Angular2 and TypeScript. It will need to be divided into numerous projects and each project will have numerous components each with a .html view, .css stylesheet and .ts logic / class. I would like…
Stephen Wilson
  • 1,484
  • 1
  • 15
  • 30
8
votes
2 answers

Angular2 lazy loading modules: how to create a build package with SystemJS Builder?

i'm using Angular2 and SystemJS to create a web application. I have some modules in my app and in the router configuration i use lazy loading to open them. Here is a routing file of my app that lazy loads two modules: const appRoutes: Routes = [ …
smartmouse
  • 13,912
  • 34
  • 100
  • 166
3
votes
1 answer

Cannot find module when importing with SystemJs in Angular

I'm trying to import an external module with SystemJs in Angular doing import { System } from 'systemjs'; declare const SystemJS: System; ... SystemJs.import('./assets/example/example.js').then(m=>{ console.log('the module is',…
caraie
  • 1,094
  • 7
  • 18
3
votes
1 answer

rxjs bundle with systemjs for angular 2.0 application

This is killin' me.... I try to bundle rxjs to be used with systemjs and angular 2.0.0 var builder = require("systemjs-builder"); var bundler = new builder('./'); bundler.config({ paths: { "n:*":…
Andreas Ernst
  • 31
  • 4
2
votes
1 answer

Lazy loading + Apply AOT on angular2 project with systemjs builder bundled projects

Where can i find sample Angular 2 project about apply aot and bundling on Angular2 SystemJs project(with lazy load module)? i do this by angular-cli. but how can i do this with systemjs?
abadakhshan
  • 35
  • 1
  • 6
2
votes
0 answers

I have an Angular2 systemjs lazy load error for when I do a bundle for production

I have an Angular2 systemjs lazy load error for when I do a bundle for production I have an angular2 app that uses typescript, html5 and systemjs. When I run my lazy load modules locally it all works fine. But when I create the production files eg…
AngularM
  • 15,982
  • 28
  • 94
  • 169
2
votes
1 answer

how to bundle feature modules and load them on demand in angular2 app

I am working on an angular2 application, where I want to use lazy loading of feature modules. Separating modules as feature modules and loading them on demand works fine in dev mode, but how do I bundle feature modules separately(using systemjs) and…
cmayankc
  • 61
  • 5
1
vote
0 answers

Systemjs bundle

I am trying to create a bundle for my app files in Angular 5. I have the below gulp tasks. The "app-compile" seems to be running fine but "app-bundle" runs but doesn't create any folder or file. What I am missing here? gulp.task('app-compile',…
Pravin Chandankhede
  • 106
  • 1
  • 5
1
vote
1 answer

How to handle the increasing size of bundled file using systemjs builder

We are in the process of upgrading our huge angularjs application to a hybrid angular application (angularjs + angular5) using systemjs. We have started implementing new features in angular 5. I am using systemjs-builder to create a bundled file of…
Gayathri Yanamandra
  • 215
  • 1
  • 2
  • 7
1
vote
1 answer

The globalName option must be set for full-tree rollup global and UMD builds

I have generated FountainJS angular2 project and write some code. I am using SystemJs with JSPM and TypeScript. Everything seems to work, but when i want build my project to dist, then gulp-task 'systemjs' throws me the error 'Error: The globalName…
S.Greczyn
  • 223
  • 2
  • 12
1
vote
1 answer

How to bundle Angular 2 app with systemjs and systemjs-builder?

I'm developing an app and I need to increase the angular 2 performance loading all the scripts. The problem is this error: I'm using gulp + systemjs + systemjs-builder. Here is my files: [gulpfile] gulp.task('bundle', function () { var builder…
Joao Correia
  • 197
  • 1
  • 15
1
vote
1 answer

How to bundle and minify all the packages in a single file using systemjs-builder

I have an angular2 app. I use the following configuration to bundle the app. I have all the libraries under the lib folder, and bundle to the js folder. const Builder = require('systemjs-builder'); gulp.task('build-minify-angular', function () { …
wonderful world
  • 10,969
  • 20
  • 97
  • 194
1
vote
1 answer

Bundle Angular2 AoT with systemjs-builder and rollup tree shaking

I've spent a good amount of time getting my Angular 2 project to work with SystemJS, and now with AoT compilation as described here: https://angular.io/docs/ts/latest/cookbook/aot-compiler.html I'm running plugin-typescript with SystemJS to…
josh-sachs
  • 1,749
  • 2
  • 15
  • 19
1
2 3