如何在Azure托管的React应用中使用环境变量

作为更新，它与我的原始方法有所不同，但是我经历了使用DotEnv并因此使用.env文件的方法，该文件将在VSTS中即时生成，使用库变量，因此不存储他们在源代码管理中。

要使用DotEnv，我更新了webpack.config。const Dotenv = require（’dotenv-webpack’）;

module.exports = {    ...    plugins: [        new Dotenv()    ],

然后基本上，我创建了一个包含参数的.env文件

MD_API_URL = http：// localhost：7623 / api /

为了能够在我的TSX文件中使用它们，我只使用process.env;

static getCustomer(id) {    return fetch(process.env.MD_API_URL + 'customers/' + id, { mode: 'cors' })        .then(response => {        return response.json();    }).catch(error => {        return error;    });}