vue 编译慢的离谱怎么解决

[qiaofanxing]

前端请假几天，我面向百度客串一下全栈，后端编译运行十几秒就结束了，前端掐了一下秒表，从 npm run dev 开始到部署结束总共 2 分 47 秒。问题是我还不熟前端，老是要改这改那的，感觉时间全荒废在这上面了，就 75%这个节点能卡一分多钟，有啥解决办法吗？

[tool2d]

前端一般都有 hot reload 功能的。

[learningman]

hot reload ，主流框架不都支持。run dev 一般就是开发模式啊，你直接改刷新页面就行。
然后换 ssd ，node_modules 文件太碎了卡 IO ，再不行就上 yarn3 的 pnp 之类的东西

[spemoon]

这玩意得具体问题具体分析的。比如：webpack 版本是啥？能升级到最新吗？适不适合上 vite 等等，蛮折腾的。这些要搞完，你的同事都回来了

[hotcool100]

M1
VITE v4.0.1

pnpm run dev

500ms

[creanme]

前端开发的时候会自动热更新的，所以你需要命令行中一直保持运行 npm run dev ，不要关掉，改完代码一般就自动热更新了，如果没有，手动刷新一下页面。

[estk]

换 react

[shakukansp]

webpack4? 升 webpack5 开文件缓存，然后就第一次会慢一点

[molvqingtai]

我猜,你是改一下代码运行一下 npm run dev ?

[LavaC]

webpack 换 vite

[LavaC]

没注意到你只是帮忙看一下，那你应该问问你们前端是不是直接 run dev 的，还是说你们前端另有一个跑开发带热加载的指令。

[M003]

如果在开发阶段,你应该 npm run dev

如果是开发结束,部署? 我猜是静态资源,或者是你们用的框架采用 CDN.而不是把一堆框架的 js,css 打包进去.

[jiayouzl]

vite 非常快啊,你要觉得 vite 还叫慢的话,那之前的 cli 怎么办啊,而且开发阶段是 run dev 毫秒级别的更新的.

[jiayouzl]

而且就算是 npm build 也非常快,我配置是 M1 Pro 满血,我项目 build 也就几秒钟的事情.为什么有 vite?就为了提速.

[yaphets666]

看下前端工程里的 router.js 或者 router 文件里的 index 里有没有 （） => import('xxxxxxxxxxxx')这种东西,如果有的话,你需要一个插件,叫做 babel-plugin-dynamic-import-node,使用 npm 安装即可,装上之后用法你自己查吧.这个可以大幅度提速

[tuutoo]

是不是用的 webpack ，换 vite ，换完之后那叫一个爽

[MMMMMMMMMMMMMMMM]

第三方 lib 太多了吧，删掉点没用的

[Ashore]

管他呢 反正你是在工作 资本家的羊毛不薅白不薅

[wangtian2020]

什么年代了还用 webpack

[wangjiang]

和 vue 无关 是 webpack 的问题，npm run dev 的时候 需要处理各种依赖，预编译 css 等操作