如何使用webpack替换Javascript中的字符串

Question

我在react应用程序中有代码，需要调出其他域上的服务。在环境之间切换时，我需要一种更新方式。因为它在客户端JS中，所以我认为这需要使用webpack来完成。我的代码目前看起来像这样...

const URL = "http://localhost:3030"
...
axios.get(`${URL}/search?searchString=${text}`).then(...)

我已经使用webpack-merge了，所以我已经为每次只需要更改此字符串的环境设置了不同的配置。

Answer 1

该装载机设法为我工作...

https://github.com/Va1/string-replace-loader

我是这样实现的...

{
  test: /myFile\.js$/,
  loader: 'string-replace-loader',
  options: {
    search: 'TOREPLACE',
    replace: 'REPLACEMENT',
  }
}

这将替换问题中所需的文本。

据我所知，该图书馆拥有MIT许可证，可以免费使用。