为什么vue.config.js中的chainWebpack只能在更改后第一次使用？

Question

我正在Windows上将VueJs与NodeJs服务器一起使用。我想使用worker-loader模块实现JavaScript Worker。

---

我已经在vue.config.js文件中实现了chainWebpack规则，但仅在我第一次在控制台中使用'npm run serve'构建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文件

我知道已经迟了一年，但可能会帮助别人