hmr webpack 不编译_vite对比webpack的优势

8b247edfa6bbb345c179e4c16505c718.gif

作者:_洋羽

链接:https://juejin.im/post/6887759985242013709

vite是尤大大在vue3发布的时候,使用的一个构建工具

相信大家对vite的产生过程是相当的清楚了,现在就来深度的剖析下这个vite他究竟好在哪里,让尤大大这么用心的推广他

vite是做什么的

首先我们知道,vite主要还是用来在开发跟发布过程中的一个替代webpack的解决方案 虽然生产环境依然还是通过rollup打包的,但是在开发环境中,是使用的vite自身的模式,来改正了webpack在打包依赖的过程中时间太长的问题 从这里可以看出

  • vite是一个基于开发环境下的构建工具
  • vite其实并不能完全替代webpack,更偏向于优化版的webpack-dev-server

为什么说无法替代webpack

至少在目前来说,vite还完全没有能够替换webpack的能力,不管是从社区还是从能力来讲,vite他本身还是太过脆弱,他的产生跟火热完全依赖于vue本身的热度

试想一下,如果要从webpack转向vite需要解决什么问题?

插件的问题

对于vite来说是插件,但是对于webpack来讲他就是loader

先来看看vite他是如果处理他的插件的

// 简略几个插件
const resolvedPlugins = [
   ...(Array.isArray(configureServer) ? configureServer : [configureServer]),
   ...(transforms.length || Ob
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值