TypeScript、Webpack、ES6风格的模块，但针对ES5

Question

是否可以使用TypeScript和Webpack来针对ES5，但编写ES6风格的模块？

我想写这样的模块：

export class MyClass {
}

然后像这样导入：

import {MyClass} from "Path/To/MyClass";

这与SystemJS和类似这样的tsconfig配合使用很好：

 "compilerOptions": {
    "target": "es5",
    "module": "system",
 }

但是我想使用Webpack而不是SystemJS。

以"系统"作为模块设置，我可以理解地将"系统未定义"作为控制台错误。

我是webpack的新手，但也许有一些ts加载程序和babel加载程序的组合我可以使用？我就是找不到合适的配置。

Answer 1

可以。在Webpack的版本1（即当前版本）中，不支持系统。您必须将模块定位到如下的commonjs：

"compilerOptions": {
    "target": "es5",
    "module": "commonjs",
 }

webpack的第2版将支持系统模块。