javascript - .jsx 和 .js 文件之间的技术区别是什么

Question

我想了解它们之间的技术差异，以便确定合适的使用方式。

我意识到它们可以具有相同的内容，有时在某些项目中可以互换使用。

.jsx 文件与 .js 有何不同？

Answer 1

新用户更新

JSX 编译器工具已被删除，因为 JSXTransformer 已被弃用。 React 团队建议使用其他工具，例如 Babel REPL .

---

如果您希望保留 JSX source code为了更好的可维护性，我会将它们保存为 .jsx 文件。使用 JSX Compiler ，无论是手动还是通过构建脚本，都会将您的 JSX 语法转换为普通的 JavaScript 文件。

注意:可以在您的生产环境中提供 JSX 文件，但 React 会向您发送有关性能降低的控制台通知。

---

就个人而言，我会使用类似 gulp-jsx 的东西或 gulp-reactify转换文件。

gulp-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'));
});