@vue/cil server怎么不对worker打包 单独放到内存中

三个问题

使用@vue/cli4  +  plugin-electron-builder 构建的electron应用

问题一

  • 在@vue/cli4 会自配置@vue/cli server

    1. 先打包依赖项
    2. 再用 @vue/cli server 发布到开发服务器
    3. 启动 electron 应用
    4. 再将页面渲染到electron中

    我想使用vim-wasm
    在这个其中我使用了用worker-loader 来在页面中能使用 web worker

并将它写在一个组件中

<template lang="html">
  <div>
      <canvas id="vimcanvas" ref="vimcanvas"></canvas>
      <input autocomplete="off"  ref="viminput" id="viminput" autofocus>
  </div>
</template>


<script>
import {
    VimWasm
} from '../../node_modules/vim-wasm/vimwasm.js'

export default {
    name: 'vim',
    mounted() {
        const vim = new VimWasm({
            canvas: document.getElementById('vimcanvas'),
            input: document.getElementById('viminput'),
            workerScriptPath: '../../node_modules/vim-wasm/vim.js'
        })
        vim.start()
    }
}
</script>

<style lang="css" scoped>
canvas{
    width: 500px;
    height: 500px;
    background: #add8e6;
}
</style>

在@vue/cli  +  electron应用中使用出现问题

image.png

image.png
我知道它是webpack将包打在了一个文件中 但是我不知道webpack怎么不把worker的文件打包作为单文件放到缓存中

问题二

image.png
image.png

问题三

  • 如果我想知道webpack打包了哪些文件 打包的详细信息
  • @vue/cli serve 有哪些文件放到了缓存中
有什么命令或者工具能知道
阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题