当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
无论我尝试什么,像 div /没有被转换为React.createClass,浏览器显然只是在第一个在我的代码中. 我正在使用gulp: return gulp.src(files) .pipe(babel({ presets: [ "react", "es2015" ], plugins: [ "transform-react-
无论我尝试什么,像< div />没有被转换为React.createClass,浏览器显然只是在第一个<在我的代码中. 我正在使用gulp:

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

我已经尝试过使用和不使用transform-react-jsx,因为我相信反应预设也应该改变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",
...

我已经尝试过任何事情,但它并没有改变我的代码

显然,在它之间有一个改变了一步的步骤打破了它.删除它修复它为我.

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

网友评论