Babelify 6 z browserify i preset es2015 nie działa

Question

Próbuję użyć nowej wersji Babel, a podczas próby użycia presetu babel es2015 wydaje się nie być w stanie zrozumieć funkcji strzałek?

Moja konfiguracja na wstępnym babel6 był następujący:

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

iz babel6

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

który nie działa. Dlaczego to?

edit

dodanie "stage-0" pozbył się komunikaty o błędach składni, ale nie zatykać mnie od bycia w stanie rozszerzyć coś z błędem: 'this' is not allowed before super() kiedy mam rzeczywiście dostał super() połączenia.

edit

Ustaw prostą aplikację testową z pewnym ES7 i próbował użyć babel-core wymagają hak, ten sam problem.

edycja

Ok więc zawężeniu go do etapu-0 działa inaczej babeljs 6 ^.

Oto co zauważyłem:

plik Run

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

require("./app.js"); 

Działa z:

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(); 

Nie współpracuje z:

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(); 

więc jestem trochę zdezorientowany. Czy to naprawdę niepoprawna składnia? Jak mogłem używać tego pre-babel6?

Answer 1

to Babeljs bug

Zobacz

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

Mam nadzieję, że będzie to zobaczyć szybki fix.

edycja # 2942 nie odwołuje się do tego samego błędu. Oto problem następujący po tym błędzie: #3028

Answer 2

To zależy trochę od sposobu wykonywania browserify, to co repozytorium Github z babelify (https://github.com/babel/babelify) mówi o niej:

Z CLI:

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

z węzłem :

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