Vite 怎么兼容 Rollup 插件

说 Vite 兼容 Rollup 插件这句话本来就是不对的。

Vite 打生产包会完全调用 Rollup (rollup.rollup() rollup.generate() or rollup.write()) 来打包。

Vite dev server 模式只定义了 options,buildStart,resolveId,load,transform 等 build 阶段的钩子,这些钩子完全模仿了 rollup 对应钩子的行为,会在 dev server 中各个阶段调用。 output (输出) 阶段的钩子一个都没有定义。 所以如果一个 Rollup 插件定义了 generate 等输出阶段的钩子或除上面列举的以外的钩子那么 Vite 是不能兼容的。(说的是 dev 模式,生产模式由于是直接调用 Rollup 所以肯定完全兼容 Rollup 插件,也谈不上兼容,直接调用而已)

Vite dev server 只处理了 build 阶段,因为 dev server 不需要打 bundle 所以不需要 output 阶段。即 Vite 其实只做了这么一点点创新而已,vite 主要解决的也是 webpack dev server 每次都打 bundle 编译慢的问题。

Vite 其实做的事情不多,有一点创新但也就那样。我如果用 Rust 或 C/C++ 重做一套前端打包工具会真正革了现在各个 JS 打包工具的命。已经有很多人开始用 Rust 这么干了,如 swc 等。我根本不用区分什么 dev ,生产,我就像 webpack 一样每次都打 bundle 都能比 vite 快 100 倍,因为 Rust ,C/C++ 加多线程本来就比 JS 快 100 倍。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vite的插件基于rollup,在本地服务生成是会同事创建插件容器,按顺序针对插件中的hook做批量调用,当前支持...
    秋名山车神12138阅读 1,003评论 0 0
  • 总览[https://vitejs.cn/guide/#overview] Vite(法语意为 "快速的",发音 ...
    henrypt阅读 1,773评论 0 0
  • 前言 Vite 在2.0版本提供了Library Mode(库模式),让开发者可以使用Vite来构建自己的库以发布...
    Name6阅读 4,791评论 0 1
  • vite整合了rollup,所以vite的插件可以看成是受限制的rollup插件,它支持部分rollup的Hook...
    Lee弟弟阅读 4,726评论 0 0
  • 概述 概念题 => 是什么 + 怎么做 + 解决了什么问题 + 优点 + 缺点 + 怎么解决缺点 HTML 如何理...
    bowen_wu阅读 240评论 0 0