Skip to content

vite对css的处理流程

1.通过入口文件index.html解析css文件和js文件。

2.生成模块依赖图谱。

3.如果是 sass/less 等文件则调用相应的loader进行处理,转换为css。

4.将css文件中的类名根据某种规则替换为唯一的字符串。

5.通过nodejs的fs模块读取css文件内容,并且通过<style>标签插入到html文件中。

6.在原样式文件中插入js脚本,方便 css模块化和热更新。