你们真的可以忍受 webpack 要编译 2-5 秒吗?

2019-01-01 14:06:37 +08:00
 hellowes

最近开发前端,写到中途发现编译速度越来越慢,用的是 vue-cli。后面受不了了,直接用 JQuery 重写了一遍,大家 webpack 一般速度如何

17323 次点击
所在节点    程序员
136 条回复
realpg
2019-01-02 15:24:32 +08:00
@wly19960911
PHP 编译器?
PHP7 之前很卡?
wly19960911
2019-01-02 15:27:48 +08:00
@realpg #121 我说解释器,只是类比而已,这个问题在于编译工具上面而不是语言。只是说当时的层主理解的点不对,有说错可以指正下,抱歉
visionsmile
2019-01-02 15:30:54 +08:00
我们项目编译一下都是五分钟起步...
cuzfinal
2019-01-02 17:41:15 +08:00
2-5s 我会笑出声
duan602728596
2019-01-02 17:55:26 +08:00
算了,还是放一些解决方案吧:

1. webpack 使用 dll 功能
2. 升级到最新版的 webpack
3. babel 升级到 7,babel7 有缓存功能
4. 避免编译 node_modules 里面的代码
5. 减少 webpack 无用的配置
6. 做好代码分割
7. 自己搭建开发环境,不到 100 行代码就能搭建好服务了,完全可以不使用 cli

做的好的话,编译时间甚至会缩短在 1s 以内,不知道简单的东西为何要搞得这么复杂
beginor
2019-01-02 18:26:37 +08:00
ionic 4 可是 10 秒起步,😄
pxlxh
2019-01-02 19:53:06 +08:00
2~5 秒!而且还会打断楼主的思绪
原谅我见识少,笑了。。。。。
nigulasida
2019-01-02 19:54:43 +08:00
楼主。。。真是 矫情的 可爱
xmsz
2019-01-02 22:05:33 +08:00
??????? 等一下,你确定不是用手机编程?

----- 这是我其中一个项目的 Log ---

WAIT Compiling... 11:52:41



DONE Compiled successfully in 1021ms 11:52:42



WAIT Compiling... 11:52:42



DONE Compiled successfully in 529ms 11:52:43



WAIT Compiling... 11:54:04



DONE Compiled successfully in 604ms 11:54:06



WAIT Compiling... 11:55:10


我的项目是 50 几个页面,电脑还是 15 老版 pro,还得跑 sketch chrome,最慢也是 1s,哪来的 2 ~ 5 秒???

如果你说编译慢,那倒是,我都要快 1 分钟,但一般情况都是服务器 build。

然后,如果真的是 2 ~ 5 秒,我建议要不换台电脑或者 coding 的在线 IDE。


还有不要被其他人误导,这是我第一次听过要这么久的
hellowes
2019-01-02 22:13:45 +08:00
@xmsz 看样子好像不是 webpack,你用的是啥编译工具求问
johnnie502
2019-01-02 22:35:17 +08:00
有没有用 gulp 的?和 webpack 比速度如何
xmsz
2019-01-03 09:55:50 +08:00
@hellowes webpack + vue
{
"scripts": {
"dev": "node wpk/dev.js",
},
"dependencies": {
"vue": "^2.5.21",
"vue-axios": "^2.1.3",
"vue-router": "^3.0.2",
"vuex": "^3.0.1",
},
"devDependencies": {
"@babel/cli": "^7.2.3",
"@babel/core": "^7.2.2",
"@babel/node": "^7.2.2",
"@babel/plugin-proposal-class-properties": "^7.2.3",
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
"@babel/plugin-transform-runtime": "^7.2.0",
"@babel/preset-env": "^7.2.3",
"autodll-webpack-plugin": "^0.4.2",
"autoprefixer": "^9.4.3",
"babel-eslint": "^10.0.1",
"babel-loader": "^8.0.2",
"css-loader": "^2.1.0",
"eslint": "^5.11.1",
"eslint-loader": "^2.1.1",
"eslint-plugin-vue": "^5.0.0",
"file-loader": "^3.0.1",
"html-webpack-include-assets-plugin": "^1.0.6",
"html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.5.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0",
"px2rem-loader": "^0.1.9",
"sass": "^1.15.2",
"sass-loader": "^7.1.0",
"uglifyjs-webpack-plugin": "^2.1.1",
"url-loader": "^1.1.1",
"vue-loader": "^15.4.2",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.5.21",
"webpack": "^4.28.3",
"webpack-cli": "^3.1.1",
"webpack-dev-server": "^3.1.14",
"webpack-merge": "^4.1.5"
}
}
imbushuo
2019-01-04 03:02:32 +08:00
UNDEFlNED
2019-01-06 23:11:50 +08:00
nuxt 1.x 编译一次两分钟
tanweijiu
2019-05-09 16:32:47 +08:00
光速...2-3 秒,不过看了一下评论,说慢的跟快的项目应该不是一个量级的...
Vulcan09
2020-04-26 16:45:36 +08:00
2-5s 以内我会开心得跳起来,公司的项目热更新动不动就是 2-5 分钟,用的 webpack2 我又不太熟悉,真的难受得要命

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

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

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

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

© 2021 V2EX