javascript - 巴别塔似乎不起作用

标签 javascript node.js ecmascript-6 webstorm babeljs

我有一个使用 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 编译器那样使用输出生成另一个文件?

任何帮助将不胜感激!

最佳答案

以下是适合我的 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 知道生成的文件,因为一旦编译完成,文件系统就会正确刷新

关于javascript - 巴别塔似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39916902/

相关文章:

javascript - 在javascript中添加另一个else函数?

javascript - 为什么我的 Google Chrome 扩展只能打开 25 个标签页?

node.js - ejs 将变量发送到部分

javascript - 在 ES6 中为类分配多个函数

javascript - 为什么 React .setState() 需要一组额外的括号?

javascript - 如何插入 <script> html 属性作为 href html 属性的 url 的一部分

javascript - 如何设置 ember-simple-google-maps 环境变量?

javascript - 在常规 JavaScript 文件中导入 NodeJS 文件

node.js - nodejs : Later version of Node. js 已经安装。安装程序现在将退出

javascript - 闭包编译器 es6 let 关键字