下一代前端构建工具 ViteJS 技术解读,尤雨溪diss:Webpack!

Vue3.0 PK React17 ,谁胜上方“蓝色字体”,选择“设为星标

做积极向上的前端人!

https://juejin.cn/post/6937176680251424775

Vite 的发音问题

尤大自己也说,很难一句话描述清楚 Vite 到底是什么。主要原因可能是它主要包括两个部分,一个基于 ESM 的利用 esbuild 的开发服务器,另一个部分是基于 Rollup 的配置化的打包器。当然还有很多其他强大的功能,但是已经超过一句话了。尤大说市面上最接近 Vite 的产品是 Parcel,但二者的实现原理完全不同。

为什么 Vite 在此刻出现

入口文件是 index.html

划重点,Vite 是 Opinionated 的,视频里多次展示了这块内容。

其实 opinionated 本来是个贬义词,是固执己见的意思,而用在计算机科学领域,又变成了一个绝对的褒义词, 称自己 opinionated 的工具通过约定保证了易用性,又提供了配置以保证不会丧失灵活性。Vite 中内置了大量最佳实践的约定,省去了繁琐的配置,保证前端开发者常用的功能都是开箱即用的。

那么问题来了,列出几个 opinionated 和 unopinionated 的软件。我先来:Opinionated 的有 Vite、Prettier, Unopinionated 的比如 webpack,当然 unopinionated 可不是好词,应该不会有人在官方文档里写自己是 unopinionated 的。这段是关于 webpack 的,看大佬如何 diss webpack:

Vite 是框架无关的

主持人调侃,原来 Evan You 也需要 debug 啊。

关于 Esbuild —— “快”就一个字

DX 是啥

在视频翻译过程中,听到尤大说了 DX 一词,由于不知道是什么含义,反反复复听了好多遍,后来 Google 发现,原来 DX 是 Developer Experience 的意思,看来关爱开发者是有官方术语的,关于 DX 的解释可以参考 What Is DXDeveloper Experience)。

关于 SSR

SSR 目前还处于实验阶段

关于 HMR

Vite 真正解决了 HMR 速度与随着应用越来越大而越来越慢的问题。

编后

最近收集了套 6000 页的 Java 学习手册,以及珍藏四本 Java 人必读4大神器,分享到知乎已经 3 万赞了!以及收集了一些最新的前端大厂面试题、在线文档不定定期更新:

由 笑妄2o21 大佬主导,群友共同贡献整理

Vue3.0 PK React17 ,谁胜strong>

如何凭实力搞砸一场面试p>

面试官:Vue3.0的设计目标是什么哪些优化r>

漫画 | 公司测试因提Bug不规范,锒铛入狱~

漫画 | 产品经理的八大罪状(下)

漫画 | 我把面试官整崩溃了~

程序员:如何写出杀手级简历p>

金三银四0道高频面试题值得了解下

Vue3.0 高频出现的几道面试题

前端面试送命题-JS三座大山

面试官问:TCP为啥要3次握手和4次挥手次手不行吗r>

面试中突然遇到答不上的问题怎么办p>

如果觉得这篇文章还不错,来个【分享、点赞、在看】三连吧,让更多的人也看到~

下一代前端构建工具 ViteJS 技术解读,尤雨溪diss:Webpack!

文章知识点与官方知识档案匹配,可进一步学习相关知识Java技能树首页概览93769 人正在系统学习中

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年2月13日
下一篇 2021年2月13日

相关推荐