Webpack i Angular2

Odpowiedz Nowy wątek
2017-01-23 21:06
Wesoły Terrorysta
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"; }

Pozostało 580 znaków

2017-01-24 08:32
0

angular cli

Pozostało 580 znaków

2017-01-24 16:39
Wesoły Terrorysta
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.

Pozostało 580 znaków

2017-01-24 17:46
0

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

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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