问答

webpack 打包项目中使用web worker问题

作者:admin 2021-05-09 我要评论

我想在一个vue项目用web worker 处理高并发的socket,想在里面用ES6模块所以配置了worker-loader,结果编译后经常拿不到worker脚本 Uncaught SyntaxError: Unexp...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我想在一个vue项目用web worker 处理高并发的socket,想在里面用ES6模块所以配置了worker-loader,结果编译后经常拿不到worker脚本Uncaught SyntaxError: Unexpected token '<'

main.js :

import Worker from './workers/socket.worker.js'
Vue.prototype.$priceWk = new Worker()

socket.worker.js :

onmessage = (event) => {
    if (!event) return;
    const { type, payload } = event.data;
    console.log( type, payload )
}

webpack.config.js :

{
    test: /\.worker\.(c|m)?js$/i,
    loader: 'worker-loader',
    options: {
        filename: (pathData) => {
            if (/\.worker\.(c|m)?js$/i.test(pathData.chunk.entryModule.resource)) {
                return '[name].js'
            }
            return '[name].worker.js'
        },
    }
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • grom设置json默认值

    grom设置json默认值

  • Vue路由报错,看着没问题

    Vue路由报错,看着没问题

  • 思否邮箱登录为什么区分大小写了呢?

    思否邮箱登录为什么区分大小写了呢?

  • 有没有能够直接上传markdown文件作为博

    有没有能够直接上传markdown文件作为博

腾讯云代理商
海外云服务器