【Vite】字节青训营——Vite构建工具

浅谈构建工具

各种资源，模块化问题（ESM、CommonJS、UMD）、资源编译（高级语法）、产物质量（代码体积性能）、开发效率（热更新）

Vite概要

迅速响应，开箱即用

新一代的前端构建工具（vue3,所带来的相关工具）

• no-bundle 开发服务，源文件无需打包
• 生产环境基于rollup的bundler

核心特征：
高性能，dev热启动和热更新速度非常快
简单易用

当前的主要问题，缓慢的启动（项目编译等待成本高，修改代码后不能实时更新）

vite开箱即用的功能等价于：

webpack、
webpack-dev-server
css-loader
style-loader、less-loader、sass-loader、ppostcss-loader、file-loader、HTMLWebpackPlugin