.jsx 파일과 .js 파일의 기술적인 차이점은 무엇입니까?

.jsx 파일과 .js 파일의 기술적인 차이점은 무엇입니까?

그 기술적 차이를 이해하고 적절한 사용을 결정하고 싶습니다.

이 두 가지 모두 동일한 콘텐츠를 가질 수 있고 일부 프로젝트에서 서로 바꿔 사용할 수 있다는 것을 깨달았습니다.

어떻게요?.jsx파일이 다르다.js?

신규 사용자용 업데이트

JSXtransformer가 폐지되어 JSX 컴파일러 도구가 제거되었습니다.리액트 팀은 Babel REP와 같은 다른 도구를 사용할 것을 권장합니다.

---

유지보수가 용이하도록 JSX 소스 코드를 그대로 유지하고 싶다면 다음과 같이 유지합니다..jsx수동으로 또는 빌드 스크립트를 통해 JSX 컴파일러를 사용하면 JSX 구문이 일반 JavaScript 파일로 변환됩니다.

주의: 실제 가동 환경에서는 JSX 파일을 제공할 수 있지만 React는console퍼포먼스 저하에 관한 통지.

---

개인적으로 파일을 변환하려면 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'));
});

다음 토론 확인:React JS -JS vs .JSX JSX는 JS도 HTML도 아니기 때문에 확장자를 지정하면 그것이 무엇인지 알 수 있습니다.여기에서 더 많은 토론과 문서를 찾을 수 있습니다.

언급URL : https://stackoverflow.com/questions/27887678/what-is-the-technical-difference-between-jsx-and-js-files