Tag: gulp reactjs

将reactjs组件作为节点模块导出到npm时，是否包含jsx或js

我一直在创build一些React.js组件，并将它们作为模块发布到npm。 我正在使用下面的gulp任务将所有的jsx组件转换为js，使用gulp-react： var react = require('gulp-react'); gulp.task('react', function () { return gulp.src('./jsx/*.jsx') .pipe(react({ harmony: true })) .pipe(gulp.dest('./js/')); }); 所以在我发布的模块中，我在js和jsx文件夹中有组件。 我的问题是哪个是更好的指向我的package.json的主要文件？ JS "main": "js/todo.js", 或者jsx "main": "jsx/todo.jsx", 我会假设如果我指向他们的JSX然后他们将需要吞噬反应安装，所以我将它添加到peerDependencies？

如何做一个Gulp任务来将每个项目的jsx文件转换成不同的.js文件？

我在我的projet中有一些React文件（.jsx），我需要使用Gulp任务将它们中的每一个转换成不同的.js文件（遵循相同的目录结构）。 所以，为了澄清，我不想使用像Browserify.boudle（）这样的东西，因为它会让我有一个转换后的.js文件。