修改webpack构建后的配置数值

Question

我有一个名为config.js的静态文件夹。

module.exports = {
  config: {
    urls: {
     auth: localhost
    }
  }
}

我运行npm run build，并将输出（dist文件夹）发送给客户端在他们的生产环境中部署。我希望客户端能够编辑auth的值。

config目前被配置为webpack中的外部文件：

const config = require(path.join(paths.STATIC, 'config.js'))

externals: [{
    appsetting: JSON.stringify(config)
}]

我该如何让 config.js 在 webpack 构建后识别更改？

- Elena Maximova

Answer 1

这样的话，使用 axios，如下所示：

怎么样：

function readConfig () {
   return axios.get('./static/config.js').then((response) => {
       return response.data
   });
}

readConfig().then((config) => {
    // Do stuff
});

请确保将config.js复制到static/文件夹中。

- maxpaj

Answer 2

在webpack.config中创建一个入口文件，用于config.js，并在其他消费配置的文件中导入/引用config.js。

- Gowrav