How to generate a production app on Angular 4? -


i need build production ready files firt project on angular 4.

on project don't use webpack or gulp. use systemjs

here files:

systemjs.config.js

(function (global) {   system.config({     paths: {       // paths serve alias       'npm:': 'node_modules/'     },     // map tells system loader things     map: {       // our app within app folder       app: 'app',       // angular bundles       '@angular/core': 'npm:@angular/core/bundles/core.umd.js',       '@angular/common': 'npm:@angular/common/bundles/common.umd.js',       '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',       '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',       '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',       '@angular/http': 'npm:@angular/http/bundles/http.umd.js',       '@angular/router': 'npm:@angular/router/bundles/router.umd.js',       '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',       '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js',       '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js',       '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js',       '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js',         // other libraries       'rxjs':                      'npm:rxjs',       'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',       'angular2-jwt': 'npm:angular2-jwt/angular2-jwt.js',       'ng2-toasty': 'node_modules/ng2-toasty/bundles/index.umd.js',       'angular-calendar': 'node_modules/angular-calendar/dist/umd/angular-calendar.js',       'calendar-utils': 'npm:calendar-utils/dist/umd/calendarutils.js',       'angular-resizable-element': 'npm:angular-resizable-element/dist/umd/angular-resizable-element.js',       'angular-draggable-droppable': 'npm:angular-draggable-droppable/dist/umd/angular-draggable-droppable.js',       'date-fns': 'npm:date-fns'     },     // packages tells system loader how load when no filename and/or no extension     packages: {       app: {         main: './main.js',         defaultextension: 'js'       },       rxjs: {         defaultextension: 'js'       },       "angular2-jwt": {                 "defaultextension": "js"             },       "date-fns": {         main: './index.js',         defaultextension: 'js'       }     }   }); })(this); 

tsconfig.json

{   "compileroptions": {     "target": "es5",     "module": "commonjs",     "moduleresolution": "node",     "sourcemap": true,     "emitdecoratormetadata": true,     "experimentaldecorators": true,     "removecomments": false,     "noimplicitany": false }, "compileonsave": false, "typeroots": ["node_modules"], "types": ["system"] } 

i'm new on angular , don't know start build app sucessfully. can me?

thanks lot help.


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -