Jex
V2EX  ›  Node.js

真的有 Webpack 工程师吗 ?

  •  3
     
  •   Jex · Nov 6, 2018 · 10091 views
    This topic created in 2923 days ago, the information mentioned may be changed or developed.

    精通 Webpack 是一种什么样的体验呢?

    29 replies  •  2018-12-28 23:59:38 +08:00
    benjunk
    benjunk
    Nov 6, 2018
    1
    窃以为,,不用熟悉 webpack 源码的话没啥难点呀。
    loader 开发,plugin 开发就那样,又不涉及 ast。
    loader 传来的都是上一级 loader 处理过的文件内容。
    plugin 直接挂载编译各个阶段,传进来的也是文件内容。没啥难点呢
    noe132
    noe132
    Nov 6, 2018
    2
    前端打包工程师
    luoway
    luoway
    Nov 6, 2018
    3
    敢说精通,肯定得了解源码吧。但熟练只需要会配置就行。
    就比如,应用 ast 工具和写一套 ast 工具,差距还是蛮大的。
    shintendo
    shintendo
    Nov 6, 2018
    4
    首席 Webpack 配置官
    thisisgpy
    thisisgpy
    Nov 6, 2018
    5
    我上次在某国企做乙方,他们那还有专门的「开墙工程师」,就负责配置防火墙端口的。其他部门需要防火墙设置的,提交给他们一个 excel 表格,然后他们照着要求配置开放端口。上班就只干这个事。
    qq976739120
    qq976739120
    Nov 6, 2018
    6
    @thisisgpy 所以一天上班实际干活时间 10 分钟?
    cuzfinal
    cuzfinal
    Nov 6, 2018
    7
    开发 webpack 的人就是啊
    adjusted
    adjusted
    Nov 6, 2018
    8
    嗯,我就是 webpack config engineer
    imaple
    imaple
    Nov 6, 2018❤️1
    9
    为什么这个页面是黑色的其他都是白的
    maichael
    maichael
    Nov 6, 2018
    10
    @qq976739120 怕是一个星期 10 分钟。
    maichael
    maichael
    Nov 6, 2018
    11
    @imaple Node.js 在官方配色,又黑又绿。
    wengjin456123
    wengjin456123
    Nov 6, 2018 via Android
    12
    这个难度也不低
    thisisgpy
    thisisgpy
    Nov 6, 2018
    13
    @qq976739120 不清楚,反正挺闲的。我开始以为是运维,后来专门问了里面研发部的人,确定他们的工作就是负责开墙。据说一个月 14K,羡慕不来呀~~~
    valentin508
    valentin508
    Nov 6, 2018 via Android
    14
    真熟练 webpack 最少是需要手鲁过一遍标准 dev 和 prod 分离和 merge 配置在线上跑过踩过坑的,听起来不难但并不是人人都做过这个事,尤其人比较多的前端团队可能只有高级一些的前端才能(允许)做这个
    MrKou47
    MrKou47
    Nov 6, 2018 via Android
    15
    之前撸了一个 https://mrkou47.github.io/understand-webpack/ 不过后来没时间弄了
    Jex
    Jex
    OP
    Nov 6, 2018❤️1
    16
    @imaple
    > 为什么这个页面是黑色的其他都是白的?

    因为大家都在黑 Node.js
    Alicelj
    Alicelj
    Nov 6, 2018
    17
    为什么要黑 node.js 呀,不是说这个很流行的么
    azh7138m
    azh7138m
    Nov 6, 2018
    18
    @noe132 主要负责执行 yarn build (
    visonme
    visonme
    Nov 6, 2018
    19
    不管如何,能用到精通,那 JS 水平会差吗?
    这就够了~
    asadegg
    asadegg
    Nov 6, 2018
    20
    精通 哈哈哈
    SoulGem
    SoulGem
    Nov 6, 2018 via iPhone
    21
    人脑 Plugin List
    TangMonk
    TangMonk
    Nov 6, 2018 via Android
    22
    等 wasm 正式出来,前段又要折腾了。。
    IsaacYoung
    IsaacYoung
    Nov 6, 2018
    23
    学不动了
    dcalsky
    dcalsky
    Nov 6, 2018
    24
    3.0 时代以前是有很多的,现在方便许多了。
    Everyman
    Everyman
    Nov 6, 2018❤️2
    25
    如果大公司大型项目存在专攻 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 依赖包的更新,哪些是中小版本更新无脑升级,哪些是大版本升级有哪些坑要填等等。
    godbmw
    godbmw
    Nov 6, 2018
    26
    webpack 配置搬砖工
    kimown
    kimown
    Nov 6, 2018 via Android
    27
    这有什么奇怪的,技术又不是上限,需求才是
    jerry4718
    jerry4718
    Nov 15, 2018
    28
    @adjusted npm install engineer 和 npm install --production engineer
    StevenQ
    StevenQ
    Dec 28, 2018 via Android
    29
    @shintendo 笑死我了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1852 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 124ms · UTC 07:04 · PVG 15:04 · LAX 23:04 · JFK 02:04
    ♥ Do have faith in what you're doing.