• 请不要在回答技术问题时复制粘贴 AI 生成的内容
nito
V2EX  ›  程序员

不会写 babel 或 webpack 插件,能算高级资深前端吗?

  •  
  •   nito · Jan 8, 2019 via Android · 5856 views
    This topic created in 2857 days ago, the information mentioned may be changed or developed.

    babel,使用 antd 的都会用到 babel-plugin-import 插件,尝试去看源码,结果没学过编译原理,AST,完全看不懂。

    webpack,一直停留在会配置的使用程度上,也没深入理解 loader 或 plugin 的机制。

    虽然不影响实际开发,但高级的前端需要会这些知识点吗?

    34 replies  •  2020-01-29 13:43:42 +08:00
    ericls
    ericls
    Jan 8, 2019 via iPhone
    1
    不需要 这属于编译器的知识
    Bantes
    Bantes
    Jan 8, 2019
    2
    个人觉得会使用就可以了吧
    wu67
    wu67
    Jan 8, 2019
    3
    我觉得会用就行了, 现在这些张口闭口精通 webpack 从 0 开始配置的, 我都不知道他们到底是前端开发工程师还是 webpack 配置工程师
    CrispElite
    CrispElite
    Jan 8, 2019
    4
    我觉得 如果你会这些,面试的时候可以是加分项,平时在公司也可以吹吹🐂🍺。不会也没关系,毕竟平时工作基本上都有现成的插件或者方案
    murmur
    murmur
    Jan 8, 2019
    5
    会抄现有的配置就行了
    别说从 0 开始配置了
    跨 1 个版本改配置都要死人
    jera
    jera
    Jan 8, 2019
    6
    无非是掉接口,就算 string 转 ast 也应该有现成的,实在不行 raw loader 总会写吧
    int64ago
    int64ago
    Jan 8, 2019
    7
    你怕是对编译原理有什么误解
    hasbug
    hasbug
    Jan 8, 2019
    8
    会用 看懂配置就够了
    azh7138m
    azh7138m
    Jan 8, 2019 via Android
    9
    @murmur 问题不大,webpack1 升 4 也就用了一天
    jin5354
    jin5354
    Jan 8, 2019
    10
    都是很简单的东西,只是写插件看看文档就会了,谈不上什么资深。
    ast parser 都是现成的拿来用而已,parser 才是研究点,可以试着手写个 html parser
    litpen
    litpen
    Jan 8, 2019
    11
    我只写过一个监听 HtmlWebpackPlugin 编译时改 html 内容的插件,解决了实际开发中的某个痛点,虽然不是必须的,但是可以解锁更多姿势
    LWXYFER
    LWXYFER
    Jan 8, 2019
    12
    只是面向 API 编程而已,没有什么大不了的。
    xkv2
    xkv2
    Jan 8, 2019 via Android❤️3
    13
    如果你是一线码农,每天有写不完的业务代码,加不完的班,以及打不过的产品经理😂 那你会用这些工具就行,虽然不能早下班,但是可以提升编程幸福指数。
    如果你是管理层或架构之类的,为了 KPI 啥坑都敢挖的那种,对不起,你不光要吃透这些玩意的深层原理,还要造个类似的轮子大肆推广,获得升职加薪的机会,然后弃坑,再顺手给接盘侠留个彩蛋🤣
    otakustay
    otakustay
    Jan 8, 2019
    14
    资深工程师的要求是有问题就拿得起,你现在不会没关系,但要知道什么情况下 babel 插件和 webpack 插件是达到目的的最佳手段,并且在需要的时候能够研究 1-2 天学会编写插件并实现自己需要的东西
    前者做不到的话,止步高级;后者做不到的话,止步初级吧
    kcats
    kcats
    Jan 8, 2019 via Android
    15
    这些东西看文档一两天就会了
    yikyo
    yikyo
    Jan 8, 2019
    16
    @kcats 写插件跟写配置是两回事。
    yikyo
    yikyo
    Jan 8, 2019
    17
    @otakustay 这。。不会写 Webpack 插件就是初级前端了??
    yimity
    yimity
    Jan 8, 2019
    18
    还没用过的咋办。
    hilbertz
    hilbertz
    Jan 8, 2019
    19
    不会美工的前端,不是高级前端
    66beta
    66beta
    Jan 8, 2019 via Android
    20
    初级前端路过
    otakustay
    otakustay
    Jan 8, 2019
    21
    @yikyo 1-2 天研究不出来怎么写,我觉得还是当个初级就行了吧,学习和探索能力是高级工程师应该具备的基础能力
    momocraft
    momocraft
    Jan 8, 2019
    22
    知道是第一步,人不知道自己不知道的东西能干什么

    知道了才有可能需要时能想到相应的方案,想到了才有可能做出来

    当然不知道也不会怎样,很多人都不知道
    learnshare
    learnshare
    Jan 8, 2019
    23
    有学习和模仿的能力即可
    重要的是解决问题,而不是精通工具
    hellowes
    hellowes
    Jan 8, 2019
    24
    不需要,前端又不是搞编译器的,你应该专注于 JS 逻辑方面的,webpack 用到再上网查就行了
    VDimos
    VDimos
    Jan 8, 2019 via Android
    25
    ast 可以了解一下的
    hellowes
    hellowes
    Jan 8, 2019
    26
    很无语现在很多公司,明明就是一个扭螺丝的活,给的钱也不多,非要加上什么大前端,数据渲染,什么数据流的概念。其实也就 CRUD,都没什么实际的高性能要求,还要考这个那个冷门的 API,还要你会 webpack 配置,这些上网一查不就都知道了么,只能说有些小公司的面试官很喜欢表现出 API 操作工熟练的优越感。

    我三四年前还看过 gulp、grunt 的源码,去学习了 requireJS,commonJS 的模块化,自己还写了很多前端构建插件。结果过了才不到一两年,这些花时间精力的经验积累,都被前端自己的 gm 都颠覆了。估计明年又有一个前度框架+配置工具,毕竟大部分前端都不喜欢升级别人的已有的库,喜欢自己从头开始撸一套,然后慢慢重新开始搞生态(毕竟要让自己有领头羊的感觉,而不是大家一起把某件事情做到极致)。
    yyfearth
    yyfearth
    Jan 8, 2019
    27
    @hellowes 其实不完全是这样 主要有原因我觉得还有浏览器进化 ES 语言的快速迭代 和 NodeJS 的推动
    等 WASM 普及后 估计又是一场风暴
    wengjin456123
    wengjin456123
    Jan 8, 2019 via Android
    28
    个人觉得会用就行
    MrYELiex
    MrYELiex
    Jan 8, 2019
    29
    你可以现在不会 但是作为高级资深 需要你会的时候你能随时拿起
    littlebaozi
    littlebaozi
    Jan 8, 2019
    30
    工具这种东西,会用就行了吧
    yhxx
    yhxx
    Jan 8, 2019
    31
    @hellowes 那该问点什么呢,问 HTTP 和数据结构一样被人说造火箭啊
    hellowes
    hellowes
    Jan 8, 2019❤️1
    32
    @yhxx 问点 JavaScript 的语句作用域、HTTP 协议各个方法首部问一遍,数据结构 JS 怎么实现,写些常见的算法题。这都比问 webpack 某个配置的值是什么来的实在,如果只问这种 API 性质的问题,我觉得面试官的水平也就那样了
    kcats
    kcats
    Jan 8, 2019
    33
    @yikyo 没什么本质区别
    jruit
    jruit
    Jan 29, 2020
    34
    可以看一下 Babel 教程 https://www.jiangruitao.com/docs/babel/
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2806 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 79ms · UTC 14:33 · PVG 22:33 · LAX 06:33 · JFK 09:33
    ♥ Do have faith in what you're doing.