happypack vue-loader 问题

来源:10-13 happyPack是什么

Chrisyjs

2020-10-22

// 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 使用呢?

写回答

2回答

双越

2020-10-26

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

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

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

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

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


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

1
1
修船蛆宝宝
老师那推荐 thread-loader和vue-loader一起使用么?
2021-10-27
共1条回复

双越

2020-10-22

happypack 处理 js 能跑通吗?


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

0
8
詹姆士郭德纲
双越老师,happyPack 似乎是需要loader 兼容支持的 https://github.com/amireh/happypack/wiki/Loader-Compatibility-List
2021-07-22
共8条回复

2024版 前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4663 学习 · 1644 问题

查看课程