时间戳

首页 > 解决方案 > 使用 webworker Vue 多个页面

vue.js - 使用 webworker Vue 多个页面

问题描述

使用 vue cli 3 我有一个使用 harp.gl 的项目，我需要一个网络工作者来解码地图图块。我的 vue.config.js 有以下内容：

module.exports = {
    pages: {
        app: {
            entry: './src/main.js',
            filename: 'index.html',
            title: 'Contextual Map HARP.GL/Vue',
        },
        decoder: {
            target: "webworker",
            entry: "./src/decoder.js",
            output: {
                filename: "[name].bundle.js",
            },
            devtool: 'source-map',
...

当我运行它时，我的应用程序和 decode.js 都作为“脚本”类型的网络工作者运行（使用 Chrome 检查它时）。

但是，升级到 vue cli 4 后，上面的代码不起作用，因为使用 Chrome 检查它，webworker 类型是 text/html 并且它似乎服务于默认的 index.html。似乎 type: "webworker" 的工作方式与版本 3 不同。

我不知道如何解决这个问题，从 vue cli 3 到 4 的转变改变了一些东西，但我不知道要改变什么。

标签： vue.js

解决方案

推荐阅读