javascript - 巴别塔似乎不起作用

Question

我有一个使用 WebStorm 2016.2.2、Node.js 6.6.0 和 TypeScript 1.8 构建的项目。

由于某些原因，此处指定:ES6 import and export are not supported in Node.js ，我需要使用 Babel。

我已经安装了 Babel 和 babel-preset-es2015，并且添加了一个文件观察器，但我仍然收到“意外的 token 导入”错误。看起来 babel 不起作用。

1) 我是否需要采取额外的操作才能将我的 js 文件转换为 ES5？

2) WebStorm设置中的“JavaScript语言版本”应该设置成什么ES版本？

3) Babel 是否应该像 TypeScript 编译器那样使用输出生成另一个文件？

任何帮助将不胜感激!

Answer 1

以下是适合我的 Babel 文件观察器设置:

Arguments: $FilePathRelativeToProjectRoot$ --out-dir $ProjectFileDir$/dist --source-maps  --presets es2015
Working directory: $ProjectFileDir$
Output Paths to Refresh: $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js.map

它将文件编译到单独的目录，保留原始文件名，以便 require() 工作；此外，WebStorm 知道生成的文件，因为一旦编译完成，文件系统就会正确刷新