三个问题
使用@vue/cli4 + plugin-electron-builder 构建的electron应用
问题一
-
在@vue/cli4 会自配置@vue/cli server
- 先打包依赖项
- 再用 @vue/cli server 发布到开发服务器
- 启动 electron 应用
- 再将页面渲染到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应用中使用出现问题
我知道它是webpack将包打在了一个文件中 但是我不知道webpack怎么不把worker的文件打包作为单文件放到缓存中
问题二
问题三
- 如果我想知道webpack打包了哪些文件 打包的详细信息
- @vue/cli serve 有哪些文件放到了缓存中
有什么命令或者工具能知道