NormalModuleReplacementPlugin

前言

NormalModuleReplacementPlugin 允许我们将与 resourceRegExp 匹配的资源替换为 newResource。如果 newResource 是相对的，则它是相对于先前资源解析的。如果 newResource 是一个函数，它应该覆盖所提供资源的请求属性。
☝ 官方的描述有点绕，简而言之，就是模块的在加载之前进行一个替换，这个替换按照正则表达式resourceRegExp所定义的表达式来实现替换，可以实现到类似于cross-env工具的效果：通过自定义变量的方式来达到根据不同的变量来尽性替换的目的！

如何使用(官方例子)

比如我们 🈶 👇 的一个webpack.config.js配置文件：

module.exports = function(env){
  var appTarget = env.APP_TARGET || 'VERSION_A';
  return {
    // ... 此处隐藏其他的配置
    plugins: [
      new NormalModuleReplacement(/(.*)-APP_TARGET(\.*)/, function (resource) {
        resource.request = resource.request.replace(
          /-APP_TARGET/,
          `-${process.env.APP_TARGET}`
        );
      })
    ]
  }
}