javascript - package.json 中的 ES6 转译

Question

祝大家感恩节快乐！

我遇到了一个情况，我希望有人可以帮助我。我有一个 package.json 文件，我正在尝试转换 es6，但不确定我做错了什么。我有我当前的 package.json 的 JS Fiddle：http: //jsfiddle.net/jdubba/nnhytbdr/但主要是，我在这里有这一行：

{
  "name": "react-starter",
  "browserify": {
    "transform": [
      "reactify"
    ]
  },
  "scripts": {
...

根据我一直在阅读的内容，在“browserify”对象中，在“transform”下，我应该能够执行以下操作：

{
  "presets": ["es2015", "react"]
}

但我做错了。我要离开我在这里找到的东西：https ://github.com/andreypopp/reactify

当我将转换数组更改为：

"transform": [
      ["reactify", {"es6": true}]
    ]

然后在我的代码中添加一个导入语句，我收到以下错误：

Parse Error: Line 2: Illegal import declaration while parsing file:

然后不可避免地让我走上了另一条发现之路：

但我还没有找到任何可以解决我的问题的方法，而且我觉得我在绕圈子。这illegal import declaration error很常见，但我对无需使用 grunt 或 gulp 即可工作的解决方案感兴趣（这主要是我所看到的）。任何人都可以伸出援助之手吗？

score 0 · Accepted Answer

我最终对我的 package.json 进行了以下更改：

"browserify": {
    "transform": [
      "babelify"
    ]
  },
...

我无法让 babelify v7.2.0 使用import/export，所以切换到 v6.1.2 给了我想要的结果。

1 回答 1