为什么我的chainWebpack in vue.config.js只在我更改它之后第一次工作呢？

Question

我在Windows上使用带有NodeJs服务器的VueJs。我想用worker-loader模块实现一个JavaScript工作者。

我已经在我的chainWebpack文件中实现了一个vue.config.js规则，但是它只在我第一次在控制台中使用'npm运行服务‘构建devServer时才能工作。

当我添加规则时，我的测试工作人员将正确加载并响应消息。当我重新启动devServer时，当加载工作程序时，我会得到一个mime类型错误。

然后，如果我以任何方式更改chainWebpack函数，即通过更改规则名称，则再次正确地应用该规则。

module.exports = {
  chainWebpack: (config) => {
    config.module
      .rule('worker-loader')
      .test(/\.worker\.js$/i)
      .use('worker-loader')
      .loader('worker-loader');
  }
};

每次启动devServer时，我都希望该规则能够正常工作，而无需每次重启服务器时都对其进行编辑。

这是某种可以用配置值解决的缓存问题吗？

Answer 1

您的配置很好，只需添加以下一行：

config.module.rule('js').exclude.add(/\.worker\.js$/)

config.module
      .rule('worker-loader')
      .test(/\.worker\.js$/)
      .use('worker-loader')
      .loader('worker-loader');

现在两个装载机再也不会为同一个js文件而争吵了

我知道已经晚了一年了，但可能对其他人有帮助