ES6在package.json中透明

时间:2015-11-26 23:34:39

标签: javascript ecmascript-6 browserify reactify

感恩节快乐!

我遇到了一种情况,我希望有人可以帮助我。我有一个package.json文件,我试图转换es6但不完全确定我做错了什么。我有一个当前package.json的JS小提琴: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}]
    ]

然后在我的代码中添加一个import语句,我收到以下错误:

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(这主要是我一直看到的)的解决方案感兴趣。任何人都可以伸出援手吗?

1 个答案:

答案 0 :(得分:0)

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

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

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