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:

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

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=Parse+Error+Illegal+import+declaration+while+parsing

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

Answer 1

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

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

我无法让 babelify v7.2.0 与 import/export 一起工作，因此切换到 v6.1.2 给了我想要的结果。