Search

Babel preset-react

{ "presets": [ [ "@babel/preset-react", { // Both Runtimes "runtime": "classic", // runtime에 사용 할 것을 결정합니다. // automatic : jsx가 변환된 함수를 자동적으로 import합니다 // classic : 아무런 자동 import를 진행하지 않습니다. "development": false, // development시 __source나 __self 추가 등에 유용하며, env option ,js config files등에 결합해서 사용 할 수 있다. "throwIfNamespace": true, // XML 태그 이름에서 오류 발생 여부를 결정합니다. // React Automatic Runtime // "importSource": "react", // 함수를 import할 시 import 를 변환합니다. 7.9.0 버전부터 사용 가능하니 설치되는 버전을 고려해야 한다. // React Classic Runtime "pragma": "React.createElement", // JSX expression 컴파일시 대체 함수 설정 "pragmaFrag": "React.Fragment", // JSX framents 컴파일 시 대체 컴포넌트 설정 "useBuiltIns": false, // pollyfil대신 내장 built-in 사용시 사용 "useSpread": false, // props를 사용시 inline object를 사용된 오브젝트에 바로 사용 - babel's extend나 Object.assign사용을 안하고 } ] ] }
Plain Text
복사
document를 보면서 작성되여져 있는 사항들을 정리한 것입니다.
※ 아직 실제적인 사용을 통해 테스트 해본 사항들이 아닙니다. 하지만 글만 보고 작성한 것이기 때문에 각자에 대한 이해도가 부족한 상황입니다. 추후 개발을 시작하면서 테스트 해보면서 각자에 대한 사용 후기를 추가로 작성할 예정입니다.