javascript - 使用 webpack 配置不同环境

Question

我有 reactJS-webpack-grunt 应用程序。

我想将我的应用上传到不同的环境，每个环境都有自己的设置。目前我有一个settings.js文件，当 webpack 做它的事情（grunt build 或 serve）时，设置隐藏在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保持不变。