.babelrcの検索方法

Question

私はドキュメントでAnt Design

でアプリを反応させるの作成したい、それが..私はモジュール式https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10fからも、ファイルをロードするために.babelrc変更する必要が

を言います。しかし、私はいずれかを見つけることができません。 。

：私はこれが私のpackage.json ..です助けてください、私はアプリ

を反応させることを作成反応するアプリを使用...

のWebPACK /バベル/他のものに非常に新しいです0

{ 
    "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」を実行すると、カスタムbabelプリセットを使用できます。プロジェクトから取り出したら、package.jsonに行き、babelプリセットを見つけます。

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

2）新しい.babelrcファイルを作成し、設定を編集します：編集は直接package.jsonを使用して

1）あなたの反応アプリでバベルの設定を編集するには、2つの方法があります

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