使用webpack配置不同环境

Question

我有reactJS-webpack-grunt app。

我想将我的应用上传到不同的环境，每个环境都有自己的设置。 目前我有一个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的结构，任何非技术人员都可以轻松更改，并且每次上传我的应用程序，每次编译相同的代码，只有{ {1}}保持不受影响。