Нет поддержки TSX, когда bundleSFX с JSPM / SystemJs TypeScript React TSX-файлы
У меня проблемы с упаковкой моего реагирующего приложения в grunt-задачу, приложение написано в Typescript с *.tsx-файлами. Для браузера в Typescript на лету компиляция работает хорошо. Компоненты загружаются через систему в виде *.tsx-файлов, компилируются в javascript и запускаются. Триггер в браузере:
<script> System.import("app/Main"); </script>
работает окончательно... Но когда я пытаюсь создать bundleSFX, я получаю много ошибок, связанных с TSX.
Команда Grunt-Bundle:
jspm.bundleSFX('app/Main', 'dist/build.js', {
minify: true,
mangle: true,
lowResSourceMaps: true,
sourceMaps: false
}).then(function () {
...
броски:
MultipleErrors: app/FilterButton.tsx:3:50: Unexpected token <
System.Config.js:
// ... defaults here
transpiler: "typescript",
typescriptOptions: {
"noImplicitAny": false,
"typeCheck": true,
"jsx": 2, // << was important to get TSX working (in browser)
"module": "system",
"isolatedModules": false,
"emitDecoratorMetadata": true,
"declaration": false,
"suppressImplicitAnyIndexErrors": true
}
// ... defaults here
packages: {
"app": {
"defaultExtension": "tsx",
"map": {
"typescript": "typescript"
},
"modules": {
"*.tsx": {
"loader": "typescript"
}
}
}
}
map: {
// ... JSPM installs here
}
"jsx": 2
флаг работает нормально, смотрите здесь: https://github.com/Microsoft/TypeScript/issues/5918
Что мне здесь не хватает... и почему он работает в браузере без ошибок?