这是一个创建于 46 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近开发前端，写到中途发现编译速度越来越慢，用的是 vue-cli。后面受不了了，直接用 JQuery 重写了一遍，大家 webpack 一般速度如何
第 1 条附言 · 45 天前
我觉得 Java 那些很慢完全能够理解，因为他编译成 class 也需要时间。但是 JavaScript 感觉这点就很不好，要调一个 BUG 写几处等 2S，这样算下来效率极低，脑子存储的信息被等待干扰的严重，头疼，parcel 也解决不了这个问题
第 2 条附言 · 45 天前
备注一下，我是用 JQuery+Vue-cdn 来另外写一个项目的，其实之前这种不带编译的方式写起来快很多，最近突发奇想换成编译的，但是大幅度降低了开发效率。无意黑 Vue，只是对 Webpack 编译速度不太满意
第 3 条附言 · 45 天前
各位，我不是说 build，是说实时编辑之后 webpack 进行编译(然后去 chrome 那里调界面)。因为脚本我的理解，应该就是免编译即使改即使出来的，但是现在感觉越来越重了，哪怕我改个变量也要等半天，毕竟 js 是动态的，很多东西都是未知的
 |
101
ben1024 45 天前
脚本语言的优势[狗头]
|
 |
102
xieguanglei 45 天前
live-reload + 双屏，慢慢想慢慢写，让子弹飞一会儿
|
 |
103
lihongjie0209 45 天前
@C90 会飘, 所以单元测试不能超过 1s, 会打断思路
|
 |
104
nicebird 45 天前
试下 c++编译几十分钟的恐惧
|
 |
105
onepunch 45 天前
我们原来项目要编译几个小时，说出来你都不信 :-(
|
 |
106
chocotan 45 天前
我这用 antd，打包要几分钟。。。
|
 |
107
hugee 45 天前 via Android
可以
|
 |
108
cncoffer 45 天前
我觉得很不错了, C++编译动辄几分钟, 完整编译要半小时, 我都能去玩两把炉石了
|
 |
109
demonzoo 45 天前
2-5s 也等不了吗？现在人都这么矫情了啊
|
 |
110
lukunlin 45 天前
因为里面要处理的任务是实在是太多了，loader 的依赖系统，es6 的 bable，还有其他打包等，慢是肯定的~
但是你可以根据自己手动去关闭一些服务，建议你可以关闭热更新服务，避免保存一次编译一次。 编译有编译的好处，传统有传统的好处，如果你不能理解其他的道理。那只能是保守，但现在编译模式那么火，必然有它的道理，你一定没悟到其他的道理~ |
 |
112
suzic 45 天前
我敢肯定楼主没用过 Angular
|
 |
114
Raisu 45 天前
搞不懂都用 ES6 但是实际旧一点的浏览器都不兼容。。。。
|
 |
116
wly19960911 45 天前
|
 |
117
jsq2627 45 天前
:doge: 大神写代码从来都是一次写完，一次编译直接通过无 bug
|
 |
118
yiyi11 45 天前
从 es6 开始，js 也走上编译的路了。本质上，3 大框架是为了应对复杂度更高，可维护性更强的项目而生的，所以按照理论来说，对比 jq，编译时间确实应该更慢才对。目前还没有完美解决方案，又快又高可维护，这相当于侧重点吧，你侧重哪个选哪个。
|
|
119
yiyi11 45 天前
不负责任地说一句，或者上 type script ？这样就名正言顺编译了，而且解决你说的动态问题，减少 debug 次数。
|
 |
120
exonuclease 45 天前
你需要 dllplugin
|
 |
121
realpg 45 天前
|
|
122
wly19960911 45 天前
@realpg #121 我说解释器，只是类比而已，这个问题在于编译工具上面而不是语言。只是说当时的层主理解的点不对，有说错可以指正下，抱歉
|
 |
123
visionsmile 45 天前
我们项目编译一下都是五分钟起步...
|
 |
124
cuzfinal 44 天前
2-5s 我会笑出声
|
 |
125
duan602728596 44 天前
算了，还是放一些解决方案吧：
1. webpack 使用 dll 功能 2. 升级到最新版的 webpack 3. babel 升级到 7，babel7 有缓存功能 4. 避免编译 node_modules 里面的代码 5. 减少 webpack 无用的配置 6. 做好代码分割 7. 自己搭建开发环境，不到 100 行代码就能搭建好服务了，完全可以不使用 cli 做的好的话，编译时间甚至会缩短在 1s 以内，不知道简单的东西为何要搞得这么复杂 |
 |
126
beginor 44 天前 via Android
ionic 4 可是 10 秒起步，😄
|
 |
127
pxlxh 44 天前
2~5 秒！而且还会打断楼主的思绪
原谅我见识少，笑了。。。。。 |
 |
128
nigulasida 44 天前
楼主。。。真是 矫情的 可爱
|
 |
129
xmsz 44 天前
？？？？？？？ 等一下，你确定不是用手机编程？
----- 这是我其中一个项目的 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。 还有不要被其他人误导，这是我第一次听过要这么久的 |
 |
131
johnnie502 44 天前
有没有用 gulp 的？和 webpack 比速度如何
|
|
132
xmsz 44 天前 ♥ 1
@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" } } |
 |
133
imbushuo 43 天前
|
 |
134
UNDEFlNED 40 天前 via iPhone
nuxt 1.x 编译一次两分钟
|
