`babel-preset-react`没有用gulp转换jsx

时间:2016-05-05 08:05:47

标签: jsx babel gulp-babel

无论我尝试什么,<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",
...

我已尝试过任何事情,但只是不会转换我的代码

1 个答案:

答案 0 :(得分:0)

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

你认为它“能够检测到流中的文件是否发生了变化”,就像文档说的那样,但我想情况并非如此。