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构建后的更改？

Answer 1

使用axios：

这样的事情怎么样？

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

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

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

Answer 2

在webpack.config中为config.js创建一个条目文件，并在使用该配置的其他文件中导入/ require config.js。

在webpack build之后更改配置值

2 个答案: