这是一个创建于 666 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端请假几天，我面向百度客串一下全栈，后端编译运行十几秒就结束了，前端掐了一下秒表，从 npm run dev 开始到部署结束总共 2 分 47 秒。问题是我还不熟前端，老是要改这改那的，感觉时间全荒废在这上面了，就 75%这个节点能卡一分多钟，有啥解决办法吗？
 |
1
tool2d 2023-02-27 16:56:44 +08:00
前端一般都有 hot reload 功能的。
|
 |
2
learningman 2023-02-27 16:57:38 +08:00
hot reload ，主流框架不都支持。run dev 一般就是开发模式啊，你直接改刷新页面就行。
然后换 ssd ，node_modules 文件太碎了卡 IO ，再不行就上 yarn3 的 pnp 之类的东西 |
 |
3
spemoon 2023-02-27 17:01:34 +08:00
这玩意得具体问题具体分析的。比如：webpack 版本是啥？能升级到最新吗？适不适合上 vite 等等，蛮折腾的。这些要搞完，你的同事都回来了
|
 |
4
hotcool100 2023-02-27 17:16:46 +08:00
M1
VITE v4.0.1 pnpm run dev 500ms |
 |
5
creanme 2023-02-27 17:18:36 +08:00  1
前端开发的时候会自动热更新的，所以你需要命令行中一直保持运行 npm run dev ，不要关掉，改完代码一般就自动热更新了，如果没有，手动刷新一下页面。
|
 |
6
estk 2023-02-27 17:18:39 +08:00 via iPhone
换 react
|
 |
7
shakukansp 2023-02-27 17:19:35 +08:00
webpack4? 升 webpack5 开文件缓存，然后就第一次会慢一点
|
 |
8
molvqingtai 2023-02-27 17:22:23 +08:00 1
我猜,你是改一下代码运行一下 npm run dev ?
|
 |
9
LavaC 2023-02-27 17:28:51 +08:00
webpack 换 vite
|
|
10
LavaC 2023-02-27 17:34:25 +08:00
没注意到你只是帮忙看一下，那你应该问问你们前端是不是直接 run dev 的，还是说你们前端另有一个跑开发带热加载的指令。
|
 |
11
M003 2023-02-27 17:56:44 +08:00
如果在开发阶段,你应该 npm run dev
如果是开发结束,部署? 我猜是静态资源,或者是你们用的框架采用 CDN.而不是把一堆框架的 js,css 打包进去. |
 |
12
jiayouzl 2023-02-27 21:51:50 +08:00
vite 非常快啊,你要觉得 vite 还叫慢的话,那之前的 cli 怎么办啊,而且开发阶段是 run dev 毫秒级别的更新的.
|
|
13
jiayouzl 2023-02-27 21:53:35 +08:00
而且就算是 npm build 也非常快,我配置是 M1 Pro 满血,我项目 build 也就几秒钟的事情.为什么有 vite?就为了提速.
|
 |
14
yaphets666 2023-02-27 22:31:54 +08:00
看下前端工程里的 router.js 或者 router 文件里的 index 里有没有 （） => import('xxxxxxxxxxxx')这种东西,如果有的话,你需要一个插件,叫做 babel-plugin-dynamic-import-node,使用 npm 安装即可,装上之后用法你自己查吧.这个可以大幅度提速
|
 |
15
tuutoo 2023-02-27 22:42:58 +08:00
是不是用的 webpack ，换 vite ，换完之后那叫一个爽
|
 |
16
MMMMMMMMMMMMMMMM 2023-02-28 04:18:19 +08:00
第三方 lib 太多了吧，删掉点没用的
|
 |
17
Ashore 2023-02-28 09:00:34 +08:00
管他呢 反正你是在工作 资本家的羊毛不薅白不薅
|
 |
18
wangtian2020 2023-02-28 10:01:39 +08:00
什么年代了还用 webpack
|
 |
19
wangjiang 2023-02-28 10:33:13 +08:00
和 vue 无关 是 webpack 的问题，npm run dev 的时候 需要处理各种依赖，预编译 css 等操作
|
Select Language