react.js-使用什么扩展名-'.jsx'或仅仅是'.js'？

Question

我只是想弄清楚什么对我的应用程序更好：

1. 使用.jsx扩展，但是我需要在require函数中要求具有显式扩展的组件require('MyComponent.jsx');

2. 使用.js扩展名，这很好，require('MyComponent);但是我将需要破解Sublime才能正确地将它们抹平并突出显示语法。

您的经验是什么？

Answer 1

新用户更新

由于不推荐使用JSXTransformer，因此已删除了JSX编译器工具。React团队建议使用其他工具，例如Babel
REPL
。

如果您希望保持JSX源代码完整以实现更好的可维护性，那么我会将其保留为.jsx文件。手动或通过构建脚本使用JSX编译器，会将JSX语法转换为普通的JavaScript文件。

注意： 可以在您的生产环境中提供JSX文件，但是React会给您console有关性能降低的通知。

就个人而言，我将使用诸如gulp-jsx或 gulp-
reactify
之类的文件来转换文件。

例如用 吞-JSX ：

var gulp = require('gulp');
var jsx  = require('gulp-jsx');

gulp.task('build', function() {
  return gulp.src('path/to/*.jsx')
    .pipe(jsx())
    .pipe(gulp.dest('dist'));
});