Rebel JSX 및 ES6 모듈을 babel로 변환하고 브라우저 네이티브 ES6을 사용하는 방법

Question

"반응 - 앱"바벨 사전 설정을 사용할 때 Babel이 브라우저 네이티브 ES6 기능을 사용하지 못하게했습니다.

어떻게 최신의 사용할 수있는 ES6 브라우저 기본 기능을 사용합니까 크롬 http://kangax.github.io/compat-table/es6/

또한 현재 아무런 지원이없는 ES6 모듈 시스템을 사용하는 동안 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import

그리고 추가로 React 구성 요소를 작성하는 동안 JSX 구문을 계속 사용 하시겠습니까?

Answer 1

내가 찾은 해결책은 다음을 수행하는 것이 었습니다.

그리고 부하에게 JSX의 transpilation에게 https://babeljs.io/docs/plugins/preset-react/

TRANSFROM의 es2015 모듈을 처리하는 모듈을 설정 반응

{ 
 
    "presets": ["react"], 
 
    "plugins": ["transform-es2015-modules-umd"] 
 
}

사전 설정 아래의 설정을 사용하십시오 .babelrc 파일을 만듭니다 umd 설정은 모듈 시스템을 처리합니다. https://babeljs.io/docs/plugins/transform-es2015-modules-umd/