webpack rewrite

Webpack Rewrite 是一个webpack插件，可以用于重写webpack中的模块请求，以便更好地满足特定的需求。它可以用来替换模块请求路径、添加前缀或后缀、移除查询字符串等。使用Webpack Rewrite需要在webpack配置文件中进行相关配置，具体的配置代码如下所示：

const WebpackRewrite = require('webpack-rewrite');

module.exports = {
  // ...
  plugins: [
    new WebpackRewrite({
      // 重写规则
      rules: [
        // 替换模块请求路径
        { from: /\/path\/to\/original\/module/, to: '/path/to/new/module' },
        // 添加前缀
        { from: /^\/api\/(.*)/, to: '/proxy/$1' },
        // 移除查询字符串
        { from: /^(.*)\?.*$/, to: '$1' },
      ],
    }),
  ],
};

在上面的配置中，我们定义了三个重写规则，它们分别是替换模块请求路径、添加前缀和移除查询字符串。对于每个重写规则，我们都需要指定一个`from`和一个`to`，表示需要匹配的模块请求路径和重写后的模块请求路径。在`from`中，我们可以使用正则表达式来进行模糊匹配，而在`to`中，我们可以使用一些特殊的符号来引用`from`中的匹配结果，例如`$1`表示第一个匹配组的内容。

使用Webpack Rewrite可以帮助我们更好地控制webpack中的模块请求，从而更好地满足项目的需求。