Модули 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

Да, вы можете. В версии 1 Webpack (которая является текущей) система не поддерживается. Вы должны настроить таргетинг модуля на обычные:

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

Версия 2 веб-пакета будет поддерживать системные модули.