作者:_洋羽
链接: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