Vite学习-介绍和发展，基本使用，less,csspostcss处理，ts处理，vue的支持和预打包，esbuild理解，vite脚手架应用

1-1
1-2 什么是vite
高阶封装
rollup,
使用简单，
快，
便于扩展
和传统工具区别：
High Level API
不包含自己的编译能力
完全基于ESM加载方式
vs webpack & rollup
减少了很多的配置两，为项目而生的
减少工作
dev server
各类loader
build命令
前端构建工具发展史
近10年是web前端极速发展的10年，前端这10年的发展在其他编程方向比如Java后端看来，简直就像蜗牛看见兔子一般。在这个过程中，前端
工具的发展则尤为令人瞩目，这跟前端应用的复杂度大大提升，以及JavaScript标准快速推进落地有很大的关系。
前者让前端开发不能再局限于一个页面几个js文件就可以搞定的开发方式，古早的前端开发其实是作为后端的附属，数据交互是由后端的模板引
染的，所以前端只需要做一些交互动画之类的，所以可能一个页面只需要一两个js文件就够了，那时bootstrap和jquery之类的工具是最为流行的
为可以方便的获取节点并进行一些dom操作。但是随着应用复杂度的提升，大量的数据交互放到了前端，同时为了体验页面跳转的方式也希望不
待刷新的过程，这让前端不再是页面，而更像一个应用Application，那就不能按照页面的开发方式来做了。
二后者是前端届一直在努力推进的标准，遥想曾经，ie6-8是所有前端的噩梦，不同浏览器的兼容甚至是前端招聘的硬性指标，各种千奇百怪的
方式层出不穷。而ES标准的推进，让前端开发者也看到了摆脱兼容性束缚的希望。在这个过程中，把ES标准的