各位大佬们,我想请教一个前端npm构建问题。

目前,我们线上网站前端构建npm run prod 特别的慢,我想问问大佬们有没有什么好的方法,优化一下构建速度呐?

1 Like

优化打包,先分析打包情况,多线程打包,优化资源等等

1 Like

除了常规的资源、依赖优化,也可以考虑换vite试试,vite真的很快

1 Like

有多慢

1 Like

好哒,我再去看一下,谢谢两位大佬,因为我是运维,对前端很多地方还不太熟悉 :face_with_spiral_eyes:

1 Like

5分钟左右 :rofl:

1 Like

电脑配置不行,加配置

1 Like

不是个人电脑,服务器,正式线上项目,我想优化一下构建速度

配置包缓存了吗

2 Likes

之前我考虑过,但是这个好像npm run prod 运行第二次也没用,还是一样慢,重复构建都没用的话,缓存也没用吧

这个是打包命令吗?
我看着可能像运行命令

线下打包 npm run build
然后把构建的内容上传不行吗

可以使用vite打包 挺快的

26 Likes

vite是快,但是不行呀,我们项目太大了,如果改得话,emmm好像不太现实 :rofl:

npm install很快,就npm run dev这种很慢,线下打包后文件体积太大了,那样的话可以,但是线下打包时间也很慢,结果是一样的

那只能给编译机换更快的硬盘和 CPU 了

要么优化项目要么力大砖飞 :yum:

嗯,我们线上机器确实快很多,就是测试和预发有点慢 :rofl:,确实也是和服务器配置有关的

外部依赖排除编译了吗

排除了,我刚问了一下web开发,他们本地也很慢,文件太多,打包就是很慢,看来解决方法只能是从服务器下手了

webpack 可以用swc-loader 去打包吧 使用rust写的比原生快20倍
基于 Rust 的 web 平台 – SWC

因为项目已经成型几年了,改项目框架的话,应该是不现实了 :dizzy_face: