.babelrc를 찾는 방법?

Question

내가 문서에서 Ant Design

와 응용 프로그램 반응 만들려면, 그것은 ... 내가 모듈 식 https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10f에서 또한, 파일을로드 할 수 .babelrc 변경해야

를 말한다, 나는 어떤을 찾을 수 없습니다. . 나는 ... 웹팩/바벨/다른 것들에 아주 새로운 해요
나는 응용 프로그램을 반작용하게 만들-반응-응용 프로그램을 사용

..

이 내 package.json됩니다 도와주세요 :

{ 
    "name": "ant", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "antd": "^3.0.3", 
    "jquery": "^3.2.1", 
    "react": "^16.2.0", 
    "react-dom": "^16.2.0", 
    "react-scripts": "1.0.17" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    }, 
    "devDependencies": { 
    "babel-plugin-import": "^1.6.3", 
    "css-loader": "^0.28.7", 
    "less": "^2.7.3", 
    "less-loader": "^4.0.5", 
    "less-vars-to-js": "^1.2.1", 
    "style-loader": "^0.19.1" 
    } 
} 

Answer 1

create-react-app를 사용하여 React 응용 프로그램을 만든 경우 먼저 사용자 정의 구성을 사용할 수 있도록 응용 프로그램에서 꺼내야합니다. 맞춤 설정에 대한 공식 문서 확인 : link

참고 : 이것은 단방향 조작입니다. 일단 퇴피하면 다시 돌아갈 수 없습니다!

반응 앱을 사용할 때 "npm run eject"를 실행하면 맞춤형 바벨 사전 설정을 사용할 수 있습니다. 프로젝트에서 꺼낸 후 package.json으로 이동하면 바벨 사전 설정을 찾을 수 있습니다.

{ 
    "babel": {  // nest config under "babel" 
    "presets": [ 
     "es2015", 
    ], 
    "plugins": ["transform-class-properties"] 
    } 
} 

2) 새로운 .babelrc 파일을 생성하고 구성을 편집 : 편집 직접 package.json을 사용

1) 반응 앱에서 바벨 구성을 편집하는 방법은 두 가지가 있습니다

//.babelrc 
    { 
    "presets": [ 
    "es2015", 
    ], 
    "plugins": ["transform-class-properties"] 
}