文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
创建项目
首先通过命令行创建一个 Vue 项目:
npm create vite@latest electron -- --template vue-ts
安装 electron 依赖:
npm i electron -D
调整 package.json 文件:
{
"name": "electron",
"private": true,
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},
"dependencies": {},
"devDependencies": {
"@vitejs/plugin-vue": "^4.0.0",
"electron": "^22.0.3",
"typescript": "^4.9.3",
"vite": "^4.0.0",
"vue-tsc": "^1.0.11",
"vue": "^3.2.45"
}
}
- 将 vue 从 dependencies 移到 devDependencies。
在 Vite 编译项目的时候,Vue 库会被编译到输出目录下,输出目录下的内容是完整的,没必要把 Vue 标记为生产依赖;而且在我们将来制作安装包的时候,还要用到这个 package.json 文件,它的生产依赖里不应该有没用的东西。
- 去掉 type: module 配置项。
package.json 里的 type 定义了这个项目所有 .js 文件的处理方式。 如果 type 的值为 module,那么所有 .js 文件将被当做 ES Modules 对待。如果 type 的值为 commonjs,那么所有 .js 文件将被当做 CommonJS 模块对待。如果没有设置 type,那么它的默认值为 commonjs。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论