javascript - webpack を使用したさまざまな環境の構成

Question

私はreactJS-webpack-gruntアプリを持っています。

それぞれ独自の設定を使用して、さまざまな環境にアプリをアップロードしたいと考えています。現在、私は1つのsettings.jsファイルを持っています.webpackがそのことを行うとき(gruntビルドまたはサーブ)、設定は 内に隠されassets/main.jsます.

var settings = require('settings');現在、私が行った設定を使用するすべてのファイルで:webpack.config.jsエイリアスを宣言しました

resolve: {
  root: [
      __dirname,
      path.join(__dirname, 'src', 'main', 'assets')
  ],
  alias: {
      settings: __dirname + "/src/scripts/settings.js"
  },
  extensions: ['', '.js', '.jsx']
},

私の意図はsettings、JSON のような構造を持つ別のファイルを用意して、技術者以外の人が簡単に変更できるようにすることです。また、同じコードをコンパイルするたびにアプリを数回アップロードしても、そのままにしておくことができsettings.jsます。