Webpack i Angular2

0

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"; }
0

angular cli

0
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.

0

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0