夏天夏 夏天夏
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夏天夏

我也不饶岁月
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • 使用npm script打造前端工作流
    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
      • webpack
      • Rollup
      • vite
      • esbuild
      • 最后
  • 年终总结

  • 个人博客
  • 技术分享
夏天夏
2022-05-28
目录

打包工具的选择

# webpack

一切皆模块,支持模块打包及丰富的插件扩展功能。功能强大生态配套全,但是插件机制和内部逻辑晦涩难懂。

# Rollup

Rollup 在应用打包方面更加成熟和灵活。成熟稳定,但是不是开箱即用的。

# vite

严格来说 vite 不算打包工具,因为它集成了 web 配套+server+生产构建等...打包只是它的其中一小块功能,但它的基于原生 ESM 实现理论最优性能的热更新和开箱即用和一整套流程方案让开发者非常省心。

# esbuild

对 esbuild 的介绍其实就一个字形容“快”,但是唯一缺点就是周边生态配套不全,需要自己开发。值得一提的是 vite 的底层也是使用了 esbuild

# 最后

最后介绍了那么多该总结下怎么选择了

  • web开发:vite、webpack
  • 插件组件库:Rollup、webpack
  • node打包:esbuild
  • vue组件库:vite
编辑 (opens new window)
#打包构建
上次更新: 2022/05/30, 17:29:17
如何打包一个插件工具库
2019年总结

← 如何打包一个插件工具库 2019年总结→

最近更新
01
远程办公的个人思考
02-21
02
SEO
01-02
03
NFT的价值
12-27
更多文章>
Theme by Vdoing | Copyright © 2019-2025 夏天夏 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式