精通 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 表格,然后他们照着要求配置开放端口。上班就只干这个事。 |
![]() | 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 ![]() 为什么这个页面是黑色的其他都是白的 |
![]() | 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:0: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 ![]() 如果大公司大型项目存在专攻 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 这有什么奇怪的,技术又不是上限,需求才是 |
![]() | @adjusted npm install engineer 和 npm install --production engineer |
![]() | 29 2962051004 2018-12-28 23:59:38 +08:00 via Android @shintendo 笑死我了 |