webpackで残りのapiの基本パスを設定する方法

Question

Reactでwebpackを使用してコンポーネントを開発し、debployパッケージを作成しました。コンポーネントはAPIエンドポイントと通信します。開発、テスト、生産にはそれぞれ異なるエンドポイントがあります。ビルド中にどのように/基本パスを設定するのですか？

Answer 1

可能な解決策の一つ：

1）（例は、Windowsでのみ有効です）のWebPACKにENVを渡します

set "ENV=production" && webpack --progress --colors 

2）あなたのアプリでDefinePlugin ENV変数を定義します（または、あなたは単に定義することができますここではエンドポイント）：

new webpack.DefinePlugin({ 
    ENV: JSON.stringify(process.env.ENV) 
}) 

3）次に、あなたのアプリ内のenvパラメータを使用してJSファイルが必要です。

let envParams = require('environments/' + ENV); 

あなたがのparamsとproduction.js、development.jsとtest.jsファイルをenvironmentsフォルダを持っていると仮定すると：、

export default { 
    apiEndpoint: '...', 
    // other params 
};