📄️ 什么是构建工具
企业级项目可能会具备哪些功能?
📄️ vite与webpack
官方文档//cn.vitejs.dev/guide/why.html#the-problems
📄️ vite脚手架与vite的区别
vite官网搭建vite项目//vitejs.dev/guide/#scaffolding-your-first-vite-project
📄️ vite启动项目初体验
开箱即用(out of box):
📄️ vite的预加载
vite在处理的过程中如果看到有非绝对或相对的引用, 他会进行预加载,并开启路径补全
📄️ vite 配置文件
配置文件vite.config.js
📄️ vite环境变量配置
环境变量
📄️ 模拟vite开发服务器
在项目开发的时候看到了这样的请求,那浏览器怎么识别到.tsx文件的?
📄️ css模块化
处理css
📄️ vite css配置
css基础配置
📄️ 为什么引入文件用path
我们创建一个测试项目在当前项目下执行js文件,使用相当路径读取文件并打印,看起来一切都好
📄️ vite加载静态资源
什么是静态资源?
📄️ resolve.alias的原理
vite配置别名
📄️ vite-aliases
插件是什么?
📄️ 插件vite-plugin-html
webpack --> webpack-html-plugin / clean-webpack-plugin (clean: true)
📄️ 插件vite-plugin-mock
mock数据: 模拟数据
📄️ 插件原理窥探
我们在vite-dev-server中引入了vite的配置
📄️ vite和ts的结合
使用ts
📄️ vite性能优化概述
我们平时说性能优化是在说什么东西?
📄️ 构建优化
分包策略
📄️ 跨域
同源策略【仅在浏览器发生,是浏览器的规则】:http交互默认情况下只能在同协议、同域名、同端口的两台终端进行
📄️ react项目
创建react项目