Javascript 如何将angular 2 app.module转换为es6

如何将TypeScript中的Angular 2编写的代码转换为ES6？我只想将这个@NgModule（{…}）“app.module.ts”部分转换成ES6。因为我有一个Angular 2项目，我需要将其转换为ES6。到目前为止，我只提出了这个问题。

在

tsconfig.json

中，将

模块

的值从当前的值更改为

es6

。当TypeScript传输TS文件时，它将在ES6中进行传输

如果需要放弃TypeScript支持并依赖纯JavaScript，则可以使用传输的代码进行进一步的工作

更新 如果要生成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 { }

var uu decoration=（this&&this.u decoration）|函数（decorators、target、key、desc）{
var c=arguments.length，r=c<3？目标：desc==null？desc=Object.getOwnPropertyDescriptor（目标，键）：desc，d；
if（typeof Reflect==“object”&&typeof Reflect.decoration==“function”）r=Reflect.decoration（decorators、target、key、desc）；
如果（d=decorators[i]）r=（c<3？d（r）：c>3？d（target，key，r）：d（target，key））| r；
返回c>3&&r&&Object.defineProperty（target，key，r），r；
};
从“@angular/platform browser”导入{BrowserModule}；
从“@angular/core”导入{NgModule}；
从'@angular/router'导入{RouterModule}；
从“/app.router”导入{AppRouteModule}；
从“./app.component”导入{AppComponent}；
从“./tab1/tab1.component”导入{Tab1Component}；
从“./tab2/tab2.component”导入{Tab2Component}；
设AppModule=类AppModule{
};
AppModule=\uuuu([
NGD模块({
声明：[
应用组件，
表1组件，
表2成分
],
进口：[
浏览器模块，
路由模块，
批准模块
],
提供者：[]，
引导：[AppComponent]
})
]，AppModule）；
导出{AppModule}；
//#sourceMappingURL=app.module.js.map

---

在

tsconfig.json

set

target:“es2015”

中，您还可以将

module

设置为相同的值。

Angular的版本是什么？Angular 2或更高版本到es6@SergeyAndreevyes，但我想知道如何将@NgModule（app.component.ts）硬编码到es6。因为我想把它和angular 2分开。即使是我也有一个单独的gulp文件。传输的代码将为您提供可以重用的代码，以便在您计划硬编码的任何地方进行硬编码。打开JS文件并检查它。它将定义一个

\uu

变量，您稍后使用该变量定义

声明

，

导出

，等等。顺便说一句，问题是我不打算使用tsconfig.json，我有一个单独的gulp文件，它将使用babel和browserify将es6转换为es5。包括监视任务：/

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