2016-11-17 11 views
1

dev環境と本番環境で異なる変数を使用することは可能ですか?私はその変数を作るために何を使うべきですか?ロケーションURLのテストは良い解決策ですか?あなたのpackage.jsonファイルでwebpack - 生産環境と開発環境に異なる変数を持たせる方法

+0

なぜ私は本番環境でwebpackを実行する必要があるのだろうか?バンドルされたものをすべてプロダクションにプッシュし、webpackを開発/ステージングしておく方が簡単な選択肢ではありませんか? –

+0

@Belmin私は現在、プロダクション用にバンドルされたファイルだけを持っていますが、まだ私のファイルには、プロダクションとdevで異なる変数が必要です。 – jcubic

答えて

2

、あなたはこの例ではbuildスクリプトのNODE_ENV=productionのように、 scriptセクションに環境変数を設定することができます。JavaScriptコードでは、使用してそれをテストすることができ、その後

{ 
    "scripts": { 
    "start": "npm run dev", 
    "dev": "./node_modules/.bin/webpack-dev-server ...", 
    "build": "NODE_ENV=production ./node_modules/.bin/webpack -p --config webpack.production.config.js" 
} ... } 

processグローバル:

if (process.env.NODE_ENV === 'production') { ... } else { ... } 

希望します。

+0

ブラウザで 'process.env'が動作しますか? – jcubic

+0

ファイルをバンドルするときにwebpackが理解する – mguijarr

関連する問題