happypack vue-loader 问题

Question

// rules 里面
      {
        test: /\.vue$/,
        use: ["happypack/loader?id=vue"],
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
      },
      
// plugins 里面
new HappyPack({
      // 用唯一的标识符 id 来代表当前的 HappyPack 是用来处理一类特定的文件
      id: "vue",
      // 如何处理 .js 文件，用法和 Loader 配置中一样
      loaders: [{
        loader: "vue-loader",
        options: {
          transformAssetUrls: {
            video: ['src', 'poster'],
            source: 'src',
            img: 'src',
            image: 'xlink:href'
          }
        }
      }],
      //共享进程池
      threadPool: happyThreadPool,
      //允许 HappyPack 输出日志
      verbose: true,
    })

但是最终报错：No matching use for vue-loader is found.
Make sure the rule matching .vue files include vue-loader in its use.

请问应该怎么配置呢？happypack 适用于哪些 loader 使用呢？

Answer 1

双越 2020-10-26 14:20:23

我详细看了你的代码，也复现了你提到的 bug 。

webpack 配置没有发现问题，注释掉 happypack 也是能编译成功的。

因此我就去查询相关资料，能搜索同样的一些疑问，例如 https://github.com/vuejs/vue-loader/issues/1573 。但很遗憾，没有找到合适的解决方案。

猜测这是工具的一些小问题。

所以，建议先不要用 happypack 处理 vue 。

我会持续关注这个问题，如果有解决方案，我会在这里回复你的。

• 修船蛆宝宝 #1

  老师那推荐 thread-loader和vue-loader一起使用么？

Answer 2

双越 2020-10-22 17:04:04

happypack 处理 js 能跑通吗？

happypack 是一个多现成扩展，不会限制使用哪些 loader 

• 提问者 Chrisyjs #1

  嗯嗯，但是我这样配置，确实跑不通，请老师帮忙看看问题吧

• 双越 回复 提问者 Chrisyjs #2

  把你的代码传到 github 吧，链接发给我。
  注意，精简一下代码，只要能复现问题，代码越简单越好。

• 提问者 Chrisyjs 回复 双越 #3

  https://github.com/Chrisyjs/webpack-test，就是这个

点开查看后面5条评论