精通 Webpack 是一种什么样的体验呢?
1
benjunk 2018-11-06 12:28:49 +08:00
窃以为,,不用熟悉 webpack 源码的话没啥难点呀。
loader 开发,plugin 开发就那样,又不涉及 ast。 loader 传来的都是上一级 loader 处理过的文件内容。 plugin 直接挂载编译各个阶段,传进来的也是文件内容。没啥难点呢 |
2
noe132 2018-11-06 12:30:34 +08:00
前端打包工程师
|
3
luoway 2018-11-06 12:32:48 +08:00
敢说精通,肯定得了解源码吧。但熟练只需要会配置就行。
就比如,应用 ast 工具和写一套 ast 工具,差距还是蛮大的。 |
4
shintendo 2018-11-06 13:08:46 +08:00
首席 Webpack 配置官
|
5
thisisgpy 2018-11-06 13:56:34 +08:00
我上次在某国企做乙方,他们那还有专门的「开墙工程师」,就负责配置防火墙端口的。其他部门需要防火墙设置的,提交给他们一个 excel 表格,然后他们照着要求配置开放端口。上班就只干这个事。
|
6
qq976739120 2018-11-06 13:57:52 +08:00
@thisisgpy 所以一天上班实际干活时间 10 分钟?
|
7
cuzfinal 2018-11-06 14:43:41 +08:00
开发 webpack 的人就是啊
|
8
adjusted 2018-11-06 14:50:21 +08:00
嗯,我就是 webpack config engineer
|
9
imaple 2018-11-06 14:53:04 +08:00 1
为什么这个页面是黑色的其他都是白的
|
10
maichael 2018-11-06 14:55:10 +08:00
@qq976739120 怕是一个星期 10 分钟。
|
12
wengjin456123 2018-11-06 14:58:23 +08:00 via Android
这个难度也不低
|
13
thisisgpy 2018-11-06 15:09:27 +08:00
@qq976739120 不清楚,反正挺闲的。我开始以为是运维,后来专门问了里面研发部的人,确定他们的工作就是负责开墙。据说一个月 14K,羡慕不来呀~~~
|
14
valentin508 2018-11-06 15:25:16 +08:00 via Android
真熟练 webpack 最少是需要手鲁过一遍标准 dev 和 prod 分离和 merge 配置在线上跑过踩过坑的,听起来不难但并不是人人都做过这个事,尤其人比较多的前端团队可能只有高级一些的前端才能(允许)做这个
|
15
MrKou47 2018-11-06 15:58:50 +08:00 via Android
之前撸了一个 https://mrkou47.github.io/understand-webpack/ 不过后来没时间弄了
|
17
Alicelj 2018-11-06 16:13:52 +08:00
为什么要黑 node.js 呀,不是说这个很流行的么
|
19
visonme 2018-11-06 17:34:02 +08:00
不管如何,能用到精通,那 JS 水平会差吗?
这就够了~ |
20
asadegg 2018-11-06 17:53:46 +08:00
精通 哈哈哈
|
21
SoulGem 2018-11-06 18:13:07 +08:00 via iPhone
人脑 Plugin List
|
22
TangMonk 2018-11-06 20:51:37 +08:00 via Android
等 wasm 正式出来,前段又要折腾了。。
|
23
IsaacYoung 2018-11-06 21:12:46 +08:00
学不动了
|
24
dcalsky 2018-11-06 21:20:53 +08:00
3.0 时代以前是有很多的,现在方便许多了。
|
25
Everyman 2018-11-06 21:27:13 +08:00 2
如果大公司大型项目存在专攻 webpack 或者专攻项目搭建的人 /团队,一点都不奇怪,里面得学问真的很多。比如我接触过的,首先是确定不同模式,简单的是 dev 和 prod,更深入的还在同一项目分 web 和 application 等;接着就是 webpack config,考虑单页应用和多页应用,管理自用 /公用资源,规范好文件存放的位置和命名方式,配置入口和输出文件,配置 polyfill,配置不同模式的资源压缩和 devtool,配置 tree shaking 等等;然后是常用脚本 dev、build、rebuild、lint 等,其中 dev 要配置 dev server,解决跨域问题,lint 要考虑自身公司的代码风格而不是无脑默认;在 electron 等项目中 build 要分别考虑 macOS、Windows、Linux ;再然后引入常用的开发工具和框架,UI 框架要按需加载组件,而不是简单全部引入,还要定义全局使用 /共享的变量,规范不同页面间的通讯方式;最后还要定期检查 npm 依赖包的更新,哪些是中小版本更新无脑升级,哪些是大版本升级有哪些坑要填等等。
|
26
godbmw 2018-11-06 21:43:30 +08:00
webpack 配置搬砖工
|
27
kimown 2018-11-06 21:47:14 +08:00 via Android
这有什么奇怪的,技术又不是上限,需求才是
|
28
jerry4718 2018-11-15 16:29:32 +08:00
@adjusted npm install engineer 和 npm install --production engineer
|
29
2962051004 2018-12-28 23:59:38 +08:00 via Android
@shintendo 笑死我了
|