真的有 Webpack 工程师吗？

webpack

精通

工程师

真的

29 条回复 • 2018-12-28 23:59:38 +08:00

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 分钟。

11

maichael

2018-11-06 14:55:42 +08:00

@imaple Node.js 在官方配色，又黑又绿。

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/ 不过后来没时间弄了

16

Jex

OP

2018-11-06 16:04:09 +08:00

1

@imaple
> 为什么这个页面是黑色的其他都是白的？

因为大家都在黑 Node.js

17

Alicelj

2018-11-06 16:13:52 +08:00

为什么要黑 node.js 呀，不是说这个很流行的么

18

azh7138m

2018-11-06 17:30:04 +08:00

@noe132 主要负责执行 yarn build （

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 依赖包的更新，哪些是中小版本更新无脑升级，哪些是大版本升级有哪些坑要填等等。