javascript - 如何使 Gulp 任务将项目的每个 jsx 文件转换为不同的 .js 文件?

标签 javascript node.js gulp reactjs

我的项目中有一些 React 文件 (.jsx),我需要使用 Gulp 任务将它们中的每一个转换成不同的 .js 文件(遵循相同的目录结构)。

所以,澄清一下,我不想使用像 Browserify.boudle() 这样的东西,因为它会给我留下一个转换后的 .js 文件。

最佳答案

如果您使用 gulp-react ,它会自动将它们重命名为 .js 以及转译:

var gulp = require('gulp')
var react = require('gulp-react')

gulp.task('transpile-js', function() {
  return gulp.src('./src/**/*.jsx')
    .pipe(react({harmony: true}))
    .pipe(gulp.dest('./lib'))
})

关于javascript - 如何使 Gulp 任务将项目的每个 jsx 文件转换为不同的 .js 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27866951/

相关文章:

javascript - DOM:使用 onclick 事件中新创建的删除按钮删除新创建的 'article' 元素?

node.js - 在 node.js 中管道流的性能是什么?

javascript - Gulp - 将 vendor 发布到文件夹

javascript - RFID阅读器与网页集成

javascript - 使用 processData 和 contentType 时 Ajax 响应为 0。输入 ='file[]'

node.js - 如何在 Electron SQl 作为数据库和 React 作为前端将数据插入数据库

javascript - Mongoose Model.remove(callback) 不会从我的收藏中删除任何东西

CSS 缩小并使用 gulp 重命名

javascript - Browsersync 流功能行为

javascript - 如何在 HTML5 Canvas 中找到一条线的坐标