有什么解决办法吗?
![]() | 1 panyanyany 2018-04-21 09:59:00 +08:00 这个慢是指有多慢呢? |
![]() | 2 murmur 2018-04-21 10:00:20 +08:00 多是指多多呢 我感觉如果 hmr 在 5 秒内能刷新出来我都不会去管他 |
![]() | 3 boqiao 2018-04-21 10:05:35 +08:00 dll 拆分库 vue 加缓存 使用 HappyPack |
![]() | 4 duan602728596 2018-04-21 10:08:33 +08:00 via iPhone 升级到 webpack4,webpack4 的构建速度大幅度提升 |
![]() | 5 duan602728596 2018-04-21 10:10:15 +08:00 via iPhone 还有 babel-loader 也要使用缓存 |
![]() | 6 yantianqi OP |
7 dnxbf321 2018-04-21 10:57:07 +08:00 webpack entry 过滤一下,不相干的不要进入编译 |
8 mooo 2018-04-21 11:03:53 +08:00 热加载不是只构建修改的吗,10s 的话应该是配置不对。 把没修改的也重新构建了 |
9 RaymondYip 2018-04-21 11:06:40 +08:00 dll 缓存 resolve 配置 webpack analyze 看有啥库文件打包特别耗时间 |
![]() | 10 Veigar 2018-04-21 11:21:23 +08:00 ![]() react 了解一下 |
11 klesh 2018-04-21 12:15:35 +08:00 via Android 我遇到过是 npm 装的包有问题 hmr 要 20s 左右,用 yarn 重装一下,下降到 2s 多。试一下? |
12 h1367500190 2018-04-21 14:36:46 +08:00 ![]() @Veigar 不太明白 V2EX 上遍地这种回复有什么意义,人家问 Vue 的问题叫人转 react,问 JAVA 问题又搬出 C,问安卓问题又说苹果怎么怎么样。。。 |
13 h1367500190 2018-04-21 14:40:15 +08:00 @dnxbf321 感觉他是因为没有拆分模块导致的整个应用重载或大面积重载 |
![]() | 14 codermagefox 2018-04-21 15:11:06 +08:00 ![]() 点我最近刚好在看 webpack,如果楼主时间多可以去我博客看一下 webpack 相关的三篇文章,不要脸的放一下博客 http://note.codermagefox.com/blog/magefox 如果时间不够只是想解决这个问题,那么我尝试正儿八经回答一下。优先级从上到下依次排列: 0.代码中是否有过多实例? 1.把 webpack 升级到 4.0。 2.优化 entrys.。 3.使用 DLLplugin,happypack 等构加速插件。 4.检查 loader/eslint 是否配置错误 /不合理. 5.根据开发 /生产环境配置不同的 webpack 流程,或者使用 webpack4.0 的 mode 进行处理 6.babel 是否 exclude 掉了 node_modules,是否开启了 cacheDirectory 7.resolve 的文件夹是否过多? 8.是否使用 HMR 替换了 HotReload? 9.loader 是否正确的配置了生命周期且只干了必须要干的活? 10.是否使用了过多无必要的插件? 11.是否开启了 uglifyjs-webpack-plugin 的 cache ? 做完以上检查,如果还不行,那大概是没救了( |
15 Kongtou 2018-04-21 15:12:52 +08:00 现在前端都是什么些废物工具,webpack 热加载?不会连个缓存都没有吧? |
![]() | 17 codermagefox 2018-04-21 15:15:39 +08:00 ![]() @Kongtou #15 兄弟,diss 前端确实是政治正确,不过我觉得解决问题比较重要,你认为呢 |
19 mooo 2018-04-21 17:17:12 +08:00 @Kongtou 你确定不懂, 这东西的热加载其实就是增量构建, 和缓存没关系........................... |
![]() | 20 hronro 2018-04-21 17:24:54 +08:00 你是没遇到我这种。热加载用了 5 分钟,生产环境在 CI 上构建,跑了一个小时没跑完,直接超时了。 |
23 sunzongzheng 2018-04-21 18:45:06 +08:00 via Android @Kongtou 留个 github 让我瞻仰下你写的是不是废物中的极品? |
![]() | 24 xi_lin 2018-04-21 19:04:00 +08:00 多 entry 多 output 吗? 可以试试 html-webpack-plugin-multihtml |
25 Kongtou 2018-04-21 19:05:42 +08:00 @sunzongzheng #23 兄弟,生气了?说到痛处了? |
26 sunzongzheng 2018-04-21 19:10:24 +08:00 via Android @Kongtou 是你怕留了被戳到痛处吧,xiong dei ? |
27 Kongtou 2018-04-21 19:13:13 +08:00 @sunzongzheng #26 给你你看得懂吗,还是好好学习 js 吧 |
28 sunzongzheng 2018-04-21 19:21:04 +08:00 via Android @Kongtou 我提醒你看看自己的 github 以后,是不是感觉还是不要随便评论的好? end |
29 Kongtou 2018-04-21 19:25:11 +08:00 @sunzongzheng #28 真是个人才,你自己的 github 搓,怎么?我也跟你一样啊 |
30 sunzongzheng 2018-04-21 19:27:48 +08:00 via Android @Kongtou 我搓我夹着尾巴,你倒是让我看看你的水平够不够 diss 前端的所有工具啊?我提醒你以后,内心是不是感觉很虚? |
31 Kongtou 2018-04-21 19:32:26 +08:00 @sunzongzheng #30 呵呵,你仿佛在搞笑? 我需要向一个夹着尾巴的_证明什么? |
32 sunzongzheng 2018-04-21 19:38:36 +08:00 via Android @Kongtou 简单的说吧,你觉得前端的工具都是废物,我就想看看你是不是废物中的极品 |
33 Kongtou 2018-04-21 19:41:20 +08:00 @sunzongzheng #32 你的逻辑很混乱,看来你确实适合做前端 |
![]() | 34 chemzqm 2018-04-21 19:42:08 +08:00 webpack 热加载很慢? 你大概是每次都全部重编译吧,那不叫热加载,热加载通常不会超过 1s |
35 sunzongzheng 2018-04-21 19:48:19 +08:00 via Android @Kongtou 键盘侠说的就是你这种了,说话不用负责,随便喷。interesting |
![]() | 36 3IOhG7M0knRu5UlC 2018-04-21 20:04:37 +08:00 via Android 一些人基本的礼貌都没有了,是因为互联网让他戴上了面具吗 |
![]() | 37 zhwithsweet 2018-04-21 21:20:37 +08:00 如果不做多页,可以考虑 parcel。我最近自己搭了 vue 和 react 的脚手架,目前速度是很快的。但是生产还是 vue-cli,升级到 vue-cli3beta 版本,编译速度提高很快。parcel1.7 好像原生支持 vue 了。 vue: https://github.com/zouhangwithsweet/xiezhewan/tree/master/parcel react: https://github.com/zouhangwithsweet/mini-react/tree/master/react-music |
![]() | 38 stzz 2018-04-21 21:33:59 +08:00 ![]() 菜市场吗 |
39 zhangyu911013 2018-04-22 07:59:21 +08:00 webpack 的 config 里面 devServer 有设置 hot:true 吗,之前没设置都是重新加载,后来弄上去才是热加载。。 现在我的碰到一个问题是可能 entry 过多,每次修改代码保存 webpack 都会静默编译失败,也不报错,output 的 js 全部消失,网上好像也没找到解决方案,头疼。。 |
40 dnxbf321 2018-04-22 21:59:11 +08:00 webpack 又升级了,回头我也去升级一下公司的工具,后台管理系统代码量太多,编译起来贼慢 |