Webpack i Angular2

Próbuję od podstaw dodać Angulara2 do ASP.NET Core wykorzystując webpacka. Z tego co się zorientowałem to jeżeli zrobię prostą aplikacją wyświetlającą Hello to webpack sam na podstawie dyrektyw import dołączy do finalnego pliku oprócz samego projektu również to co jest potrzebne z bibliotek Angulara. Moje pliki dotyczące Angulara i webpacka wyglądają jak poniżej, ale niestety wywołując webpacka otrzymuję jedynie plik o rozmiarze 2,2 kB, a powinien być chyba w okolicach 1,5-2 MB. Dodatkowo nie wyskakują żadne błędy. Co robię nie tak?

 10% 0/1 build modulests-loader: Using [email protected] and C:\Users\Bartek\Documents\Visual Studio 2015\Projects\AutomatedInvoiceGenerator\src\AutomatedInvoiceGenerator\AngularApp\tsconfig.json
Hash: bd6f08f4c26aff0b2d59
Version: webpack 1.14.0
Time: 3080ms
        Asset     Size  Chunks             Chunk Names
app.bundle.js  2.22 kB       0  [emitted]  main
    + 1 hidden modules

webpack.config.js

 var webpack = require('webpack');

module.exports = {

    entry: './AngularApp/main.ts',
    output: {
        path: './wwwroot/dist',
        filename: 'app.bundle.js'
    },
    module: {
        loaders: [
          { test: /\.ts$/, loader: 'ts' }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.ts']
    }
};

main.ts

 /// <reference path="typings/globals/core-js/index.d.ts" />
import "core-js";
import "reflect-metadata";
import "zone.js/dist/zone";


import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule }              from "./app.module";

platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

 import { NgModule }      from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { AppComponent }  from "./app/app.component";

@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts

 import { Component } from "@angular/core";

@Component({
    selector: "my-app",
    template: `<h1>Hello {{name}}</h1>`
})
export class AppComponent { name = "Angular"; }

angular cli

Szczery napisał(a):

angular cli

Też natrafiłem na tą metodę. Czy jest ona bardzie profesjonalna niż webpack? Nie ukrywam, że sposobów podejścia do tematu jest tyle, że trochę się gubię co lepsze.

używaj angular cli i przestań tracić czas na konfigi...pod spodem i tak działa webpack