jsx - `babel-preset-react` 不使用 gulp 转换 jsx

Question

无论我尝试什么，<div/>都不会转换为类似的东西，React.createClass并且浏览器显然会<在我的代码中第一个阻塞。

我正在使用 gulp，例如：

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

我试过有无，transform-react-jsx因为我相信react预设也应该转换 jsx？

这是我的.babelrc，但它似乎没有任何区别，我在某处读到，在某些情况下你需要删除它才能工作。试过了，没用。

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

在我的 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",
...

我已经尝试了几乎任何东西，但它并没有改变我的代码

Answer 1

显然，gulp-changed中间有一个步骤打破了它。删除它为我修复了它。

您会认为它“能够检测流中的文件是否已更改”，就像文档说的那样，但我想情况并非如此。