详细的安装和使用过程可以参考课程的视频或者其他博客。 课程网址:juejin.cn/course/byte…
发现一个Vite架构优势:可以支持TypeScript项目的热更新,其他架构好像不主动支持还要自己添加依赖项。
1. Vite 上手实战中的要点:
(1)项目初始化:
(2)接入常用CSS方案:
在 pnpm install sass -D 后,在项目文件夹中添加xxx(文件名).module.scss文件。Vite会默认把“.module.scss”结尾的文件当作CSS文件处理。
上图右边第二张小图是在应用样式,重点注意className的使用方法。
“.module.scss”可以防止不同组件同名className的样式污染问题,进行样式隔离。此外,可以支持CSS的嵌套语法(原生的CSS不支持)
(3)支持HMR
支持保存组件的局部状态。
(4)支持生产环境中的Tree Shaking(即删除从未使用的代码)