vite 编译速度没有宣传的那么快啊!

2022-08-18 09:32:07 +08:00
 0xffSol

公司项目使用 vue3 来开发的,但是使用 vite 打包需要 15 分钟。运行 dev 环境也需要 3 分钟,搞不懂是什么问题!

本人 mac pro 打包需要 5 分钟左右,前端同事打包都需要 15 分钟

有大佬帮忙分析一下,如何优化项目打包速度,测试每次发布前端都要等 15 分钟

{
  "dependencies": {
    "@antv/g6": "^4.6.4",
    "@element-plus/icons-vue": "0.2.6",
    "@fortawesome/fontawesome-free": "^6.1.1",
    "@vueuse/core": "^7.5.5",
    "axios": "0.24.0",
    "codemirror": "^5.65.3",
    "diff-match-patch": "^1.0.5",
    "echarts": "5.2.2",
    "element-plus": "2.0.1",
    "file-saver": "2.0.5",
    "fuse.js": "6.4.6",
    "js-cookie": "3.0.1",
    "jsencrypt": "3.2.1",
    "lodash": "^4.17.21",
    "mitt": "^3.0.0",
    "nprogress": "0.2.0",
    "uuid": "^8.3.2",
    "vue": "3.2.26",
    "vue-cropper": "1.0.2",
    "vue-router": "4.0.12",
    "vuex": "4.0.2"
  },
  "devDependencies": {
    "@types/lodash": "^4.14.181",
    "@vitejs/plugin-vue": "1.9.4",
    "@vue/compiler-sfc": "3.2.22",
    "sass": "1.45.0",
    "unplugin-auto-import": "0.5.3",
    "unplugin-element-plus": "^0.3.4",
    "vite": "2.6.14",
    "vite-plugin-compression": "0.3.6",
    "vite-plugin-svg-icons": "1.0.5",
    "vite-plugin-vue-setup-extend": "0.1.0"
  }
}
4770 次点击
所在节点    程序员
34 条回复
xff1874
2022-08-18 17:21:41 +08:00
vite 是开发的时候快一点,打包还是一样的
0xffSol
2022-08-18 17:24:27 +08:00
包含 node_modules,项目有 600m
0xffSol
2022-08-18 17:24:58 +08:00
@musi 算 node_modules
0xffSol
2022-08-18 17:29:53 +08:00
@xff1874 我以前项目 900 多 M ,用 webpack 打包,也没有那么慢啊
0xffSol
2022-08-18 17:33:25 +08:00
@liubaicai 这个打包时间跟我差不多,但是有点比 webpack 慢太多了
xff1874
2022-08-18 17:40:09 +08:00
@0xffSol vite 上线的打包是 rollup ,估计速度上比 webpack 还是差一点。
0xffSol
2022-08-18 17:49:25 +08:00
Entrypoints:
app (1.97 MiB)
scripts/runtime.060cf93a.js
styles/11.5027944b.css
scripts/app.060cf93a.js

Hash: 060cf93a16f5e45a798c
Version: webpack 4.46.0
Time: 65606ms

weback 包含 node_modules 项目 900m 时间:1 分钟
0xffSol
2022-08-18 17:50:37 +08:00
@xff1874 主要觉得差太多了,十几分钟打包,webpack2 分钟打包。现在自动化发布,服务器打包每次前端都要 15 分钟,让我优化。我都要炸了
Sendya
2022-08-18 18:48:26 +08:00
你服务器打包,是算上了 npm i ?
@0xffSol
0xffSol
2022-08-18 18:50:55 +08:00
@Sendya 没有,同事本地打包也是那么久
0xffSol
2022-08-18 18:51:19 +08:00
@Sendya 我 mac pro 打包需要 5 分钟
murongxdb
2022-08-19 08:43:38 +08:00
用 vite 启动,webpack 打包呗
0xffSol
2022-08-19 10:50:01 +08:00
@murongxdb 用的官方脚手架,你有 webpack 配置吗?这样会不会导致开发环境与生产环境不一致,导致 bug 不一样呢
murongxdb
2022-08-19 11:10:15 +08:00
@0xffSol 打包时候用 vue-cli 就行了 启动的时候用 vite

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/873639

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX