javascript - hvordan kan jeg konvertere angular 2 app.module til es6

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

//purposefully removed some imports

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AddonsModule,
    PageBodyModule,
    NgbModule.forRoot(),
    OwlModule,
    AgmCoreModule.forRoot({
      apiKey: ''
    }),
    NouisliderModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Hvordan kan jeg konvertere denne koden skrevet i Angular 2 i TypeScript til ES6? Jeg vil bare konvertere denne @NgModule ({...}) "app.module.ts" delen til ES6. Siden jeg har et Angular 2-prosjekt som jeg trenger å konvertere til ES6. Hittil har jeg bare kommet opp med dette problemet.

Svar #1

I tsconfig.json endre module-verdien fra det som er nå til es6. Når TypeScript transpilerer TS-filen, vil det gjøres i ES6.

Hvis du trenger å fjerne TypeScript-støtte og stole på ren JavaScript, kan du bruke den transpilerte koden for videre arbeid.

Oppdater

Hvis du vil generere ES6-kode, er det target du trenger å sette, ikke module. module håndterer loaderen. Et eksempel på transpilerte kode som du kan gjenbruke og oppdatere, vil være noe som dette:

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppRouteModule } from './app.router';
import { AppComponent } from './app.component';
import { Tab1Component } from './tab1/tab1.component';
import { Tab2Component } from './tab2/tab2.component';
let AppModule = class AppModule {
};
AppModule = __decorate([
    NgModule({
        declarations: [
            AppComponent,
            Tab1Component,
            Tab2Component
    ],
    imports: [
        BrowserModule,
        RouterModule,
        AppRouteModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
], AppModule);
export { AppModule };
//# sourceMappingURL=app.module.js.map

i tsconfig.json sett target: "es2015", du kan også sette module til samme verdi.