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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2183 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

babel

webpack

知识点

Loader

34 条回复 • 2020-01-29 13:43:42 +08:00

ericls

2019-01-08 09:53:49 +08:00 via iPhone

不需要这属于编译器的知识

Bantes

2019-01-08 09:54:30 +08:00

个人觉得会使用就可以了吧

wu67

2019-01-08 09:57:19 +08:00

我觉得会用就行了, 现在这些张口闭口精通 webpack 从 0 开始配置的, 我都不知道他们到底是前端开发工程师还是 webpack 配置工程师

CrispElite

2019-01-08 10:04:25 +08:00

我觉得如果你会这些，面试的时候可以是加分项，平时在公司也可以吹吹🐂🍺。不会也没关系，毕竟平时工作基本上都有现成的插件或者方案

murmur

2019-01-08 10:08:14 +08:00

会抄现有的配置就行了
别说从 0 开始配置了
跨 1 个版本改配置都要死人

jera

2019-01-08 10:15:12 +08:00

无非是掉接口，就算 string 转 ast 也应该有现成的，实在不行 raw loader 总会写吧

int64ago

2019-01-08 10:16:11 +08:00

你怕是对编译原理有什么误解

hasbug

2019-01-08 10:16:53 +08:00

会用看懂配置就够了

azh7138m

2019-01-08 10:27:40 +08:00 via Android

@murmur 问题不大，webpack1 升 4 也就用了一天

jin5354

2019-01-08 10:28:01 +08:00

都是很简单的东西，只是写插件看看文档就会了，谈不上什么资深。
ast parser 都是现成的拿来用而已，parser 才是研究点，可以试着手写个 html parser

litpen

2019-01-08 10:31:03 +08:00

我只写过一个监听 HtmlWebpackPlugin 编译时改 html 内容的插件，解决了实际开发中的某个痛点，虽然不是必须的，但是可以解锁更多姿势

LWXYFER

2019-01-08 10:35:07 +08:00

只是面向 API 编程而已，没有什么大不了的。

xkv2

2019-01-08 10:36:37 +08:00 via Android

如果你是一线码农，每天有写不完的业务代码，加不完的班，以及打不过的产品经理😂 那你会用这些工具就行，虽然不能早下班，但是可以提升编程幸福指数。
如果你是管理层或架构之类的，为了 KPI 啥坑都敢挖的那种，对不起，你不光要吃透这些玩意的深层原理，还要造个类似的轮子大肆推广，获得升职加薪的机会，然后弃坑，再顺手给接盘侠留个彩蛋🤣

otakustay

2019-01-08 10:45:32 +08:00

资深工程师的要求是有问题就拿得起，你现在不会没关系，但要知道什么情况下 babel 插件和 webpack 插件是达到目的的最佳手段，并且在需要的时候能够研究 1-2 天学会编写插件并实现自己需要的东西
前者做不到的话，止步高级；后者做不到的话，止步初级吧

kcats

2019-01-08 10:47:41 +08:00 via Android

这些东西看文档一两天就会了

yikyo

2019-01-08 10:50:00 +08:00

@kcats 写插件跟写配置是两回事。

yikyo

2019-01-08 10:50:36 +08:00

@otakustay 这。。不会写 Webpack 插件就是初级前端了？？

yimity

2019-01-08 11:45:55 +08:00

还没用过的咋办。

hilbertz

2019-01-08 11:51:07 +08:00

不会美工的前端，不是高级前端

66beta

2019-01-08 11:57:50 +08:00 via Android

初级前端路过

otakustay

2019-01-08 12:03:23 +08:00

@yikyo 1-2 天研究不出来怎么写，我觉得还是当个初级就行了吧，学习和探索能力是高级工程师应该具备的基础能力

momocraft

2019-01-08 12:08:01 +08:00

知道是第一步，人不知道自己不知道的东西能干什么

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

当然不知道也不会怎样，很多人都不知道

learnshare

2019-01-08 12:11:55 +08:00

有学习和模仿的能力即可
重要的是解决问题，而不是精通工具

hellowes

2019-01-08 12:13:34 +08:00

不需要，前端又不是搞编译器的，你应该专注于 JS 逻辑方面的，webpack 用到再上网查就行了

VDimos

2019-01-08 12:14:15 +08:00 via Android

ast 可以了解一下的

hellowes

2019-01-08 12:20:04 +08:00

很无语现在很多公司，明明就是一个扭螺丝的活，给的钱也不多，非要加上什么大前端，数据渲染，什么数据流的概念。其实也就 CRUD，都没什么实际的高性能要求，还要考这个那个冷门的 API，还要你会 webpack 配置，这些上网一查不就都知道了么，只能说有些小公司的面试官很喜欢表现出 API 操作工熟练的优越感。

我三四年前还看过 gulp、grunt 的源码，去学习了 requireJS，commonJS 的模块化，自己还写了很多前端构建插件。结果过了才不到一两年，这些花时间精力的经验积累，都被前端自己的 gm 都颠覆了。估计明年又有一个前度框架+配置工具，毕竟大部分前端都不喜欢升级别人的已有的库，喜欢自己从头开始撸一套，然后慢慢重新开始搞生态(毕竟要让自己有领头羊的感觉，而不是大家一起把某件事情做到极致)。