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);

Спасибо за твою помощь!

0 ответов

Другие вопросы по тегам