babelyify 6與browserify和es2015預設不起作用

Question

我試圖使用新的babel版本，並嘗試使用es2015預設babel似乎不能夠了解箭頭功能？

我上預安裝babel6如下：

transform: [['babelify', {sourceMap: false, stage: 0, optional: 'runtime', ignore: ["*.min.js"]}]] 

與babel6

transform: [['babelify', {"presets": ["es2015"]}]] 

不工作。爲什麼是這樣？

編輯

加入"stage-0"擺脫了語法錯誤消息，但採空我從能夠與錯誤擴展什麼：'this' is not allowed before super()時，我有INFACT得到了super()電話。

編輯

設置一個簡單的測試應用程序與一些ES7並試圖用巴貝爾核心要求掛鉤，同樣的問題。

編輯

好了，所以我已經把範圍縮小到0級在babeljs 6個工作不同的^。

以下是我已經注意到：

運行文件

require("babel-core/register")(
    { 
     presets: ["es2015", "stage-0"] 
    } 
); 

require("./app.js"); 

作品有：

class extendable { 
    constructor() { 
     console.log('extended') 
    } 
} 

class app extends extendable { 

    constructor() { 

     super(); 

     this.method(); 
     this.method2(); 
    } 

    method() { 
     // arrow functions 
     setTimeout(() => { 
      console.log("works") 
     }, 1000) 
    } 

    /** 
    * arrow function method 
    */ 
    method2 =() => { 
     // give an error: 'this' is not allowed before super() 
     this.state = "hello"; 
    } 
} 
new app(); 

所以我：

class extendable { 
    constructor() { 
     console.log('extended') 
    } 
} 

class app extends extendable { 

    constructor() { 

     super(); 

     this.method(); 
     this.method2(); 
    } 

    method() { 
     // arrow functions 
     setTimeout(() => { 
      console.log("works") 
     }, 1000) 
    } 

    /** 
    * arrow function method 
    */ 
    method2 =() => { 
     console.log('works') 
    } 
} 
new app(); 

不一起工作有點困惑。這真的是不正確的語法？我怎麼能夠使用這個pre-babel6？

Answer 1

這是一個Babeljs錯誤

見

• Subclasses with class properties (without constructor) error #2942
• [Regression BUG] Class scoped function showing SyntaxError: 'this' is not allowed before super() #2971

希望這將看到一個快速的修復。

編輯＃2942沒有引用相同的錯誤。以下是此錯誤後的問題：#3028

Answer 2

這取決於你如何執行browserify了一下，這是從babelify（https://github.com/babel/babelify）GitHub的庫說一下吧：

從CLI：

$ browserify script.js -o bundle.js \ 
-t [ babelify --presets [ es2015 react ] ] 

與節點：

browserify("./script.js") 
    .transform("babelify", {presets: ["es2015", "react"]}) 
    .bundle() 
    .pipe(fs.createWriteStream("bundle.js"));