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-loader 和 babel-loader 的某种组合？我就是找不到合适的配置。

Answer 1

是的，你可以。在 Webpack 的版本 1(当前版本)中，不支持系统。您必须像这样将模块定位到 commonjs:

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

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