2016-05-05 15 views
4

Egal was ich versuche, etwas wie <div/> wird nicht in umgewandelt und der Browser drosselt offensichtlich nur auf die erste < in meinem Code.`babel-preset-react` nicht transformieren jsx mit Schluck

Ich bin mit großen Schluck wie:

return gulp.src(files) 
    .pipe(babel({ 
     presets: [ "react", "es2015" ], 
     plugins: [ "transform-react-jsx" ]   
     })) 
    .pipe(gulp.dest(dest)); 

habe ich versucht, mit und ohne transform-react-jsx, weil ich die react voreingestellten glauben auch jsx verwandeln sollte?

Das ist meine .babelrc, aber es scheint keinen Unterschied zu machen, und ich habe irgendwo gelesen, dass in einigen Fällen müssen Sie es löschen, um zu arbeiten. Versuchte es, hat nicht geholfen.

{ 
    "presets": [ "react", "es2015" ], 
    "plugins": ["transform-react-jsx"] 
} 

in meinem package.json:

"babel": "^6.5.2", 
"babel-cli": "^6.8.0", 
"babel-plugin-transform-react-jsx": "^6.8.0", 
"babel-preset-es2015": "~6.5.0", 
"babel-preset-react": "^6.5.0", 
"gulp-babel": "~6.1.2", 
... 

ich so ziemlich alles ausprobiert habe, aber es nur nicht verwandelt nicht meinen Code

Antwort

0

So anscheinend gibt es einen gulp-changed Schritt dazwischen hat es gebrochen. Entfernen, das hat es für mich behoben.

Sie denken, es "kann erkennen, ob sich Dateien im Stream geändert haben", wie die Dokumentation sagt, aber ich denke, das ist nicht der Fall.