SystemJs-bulder для угловых, конфигурации
Мне нужна небольшая помощь, намекните, что я делаю неправильно. Я установил Angular и использую SystemJ для загрузки модулей. Из-за медленной загрузки (тонны модулей) я пытаюсь настроить systemjs-bulder.
Я помещаю файл bundle.js в корневой каталог, и когда я делаю узел bundle.js, я получаю: узел bundle.js
Unhandled rejection Error on translate for ts/app.js at file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js
MultipleErrors: file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js:4:1: Unexpected token @
file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js:4:2: Semi-colon expected
Мой файл bundle.js выглядит так:
var SystemBuilder = require('systemjs-builder');
var argv = require('yargs').argv;
var builder = new SystemBuilder();
builder.loadConfig('./system.config.js')
.then(function(){
var outputFile = argv.prod ? 'dist/bundle.min.js' : 'dist/bundle.js';
return builder.buildStatic('app', outputFile, {
minify: argv.prod,
mangle: argv.prod,
rollup: argv.prod
});
})
.then(function(){
console.log('bundle built successfully!');
});
и system.config.js вот так:
//configure system loader
System.config({
map: {
'rxjs': 'node_modules/rxjs',
'@angular': 'node_modules/@angular',
'app': 'ts'
},
packages: {
'app': {
main: 'app.js',
defaultExtension: 'js'
},
'@angular/core': {
main: 'index.js',
defaultExtension: 'js'
},
'@angular/compiler': {
main: 'index.js',
defaultExtension: 'js'
},
'@angular/common': {
main: 'index.js',
defaultExtension: 'js'
},
'@angular/platform-browser': {
main: 'index.js',
defaultExtension: 'js'
},
'@angular/platform-browser-dynamic': {
main: 'index.js',
defaultExtension: 'js'
},
'rxjs': {
defaultExtension: 'js'
}
}
})
Моя структура папок выглядит так:
- nodule_modules / *
- index.html
- app.ts
- bundle.js
- system.config.js
- все файлы для угловых на работу...
И app.ts, если это поможет.
import { bootstrap } from "@angular/platform-browser-dynamic";
import { Component } from "@angular/core";
@Component({
selector: 'gs-test',
template: `sss`
})
class groupSweatBoot {
constructor() {
}
}
bootstrap(groupSweatBoot);
Спасибо за твою помощь!