缘由:
我们编写的代码往往是不能被浏览器直接识别的,比如ES6、TypeScript、Vue文件等
构建工具需要很长的时间才能开启服务器
但是随着项目越来越大,需要处理的JavaScript呈指数级增长,模块越来越多;
1.vite功能
1.vite执行效率高:
第一次执行npx vite后,会进行预打包
打包快: ESBuild
不需要修改任何配置,下载插件直接使用
2.解析文件:
.js/ ts: 直接运行,可省略.js文件后缀
.css:
不用安装loader插件
install less <-- 解析less文件
install postcss 和 postcss-preset-env <-- 浏览器前缀
css文件被编译成es6代码,当浏览器加载css文件时,使用本地服务器Connect做转发,把style标签插入dom
.vue:
11.install vue@next
22.install @vitejs/plugin-vue -D
33.创建vite.config.j