混淆CommonJS模式和TypeScript模块以及ES6用法

Question

所有

我想知道是否有人能给我一个简单的比较CommonJS，Typescript和ES6之间的开发流程与透视模块导入系统（如require（），import“xx”，export），编译器（babel，tsc）以及如何在浏览器中使用（browserify或什么？）？

有很多相似之处让我很困惑，特别是当我需要混合它们时！

由于

Answer 1

这是一个简单的方法......

使用ES6样式语法导入所有模块：

import {SpecificBit} from './moduleName';
import * as Everything from './otherModule';

在您编写的模块中，导出要公开的成员...

export class SomeClass { //...

export class SomeOtherClass { //...

或者用会员代替模块......

export = SomeClass;

现在你的开发流程无处不在，因为TypeScript编译器会根据模块类型开关来转换你的代码，它允许你使用ES6（即没有转换），UMD（适用于AMD和CommonJS），系统（如SystemJS），或简称AMD或CommonJS（尽管UMD使用相同的输出覆盖这两者）。