如何用webpack将字符串替换为另一个字符串？

Question

我的代码（.js，.ts ...）中到处都有字符串，例如'__DOMAIN_HOLDER__/id/20180101'，我想替换'__DOMAIN_HOLDER__'来说'https://www.example.com'。< / p>

如何使用最新版本的webpack完成此操作？

Answer 1

您可以改为使用string-replace-loader

，而不是定义全局变量

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'string-replace-loader',
        options: {
          search: '__DOMAIN_HOLDER__',
          replace: 'https://www.example.com',
          flags: 'g'
        }
      }
    ]
  }
}

Answer 2

您可以使用webpack的DefinePlugin：

https://webpack.js.org/plugins/define-plugin/#usage

new webpack.DefinePlugin({
  __DOMAIN_HOLDER__: 'value'
})

，变量将可供您使用。当然，你必须将它用作变量

`${__DOMAIN_HOLDER__}/id/20180101`

将替换为

value/id/20180101