深夜视频在线免费,自助优化排名工具,wordpress签到打卡插件,推广网站和品牌网站的区别1、vite 与 create-vite 的区别 2、vite 解决的部分问题 3、vite配置文件的细节
3.1、vite语法提示配置 3.2、环境的处理 3.3、环境变量 上图补充 使用 3.4、vite 识别#xff0c;vue文件的原理
简单概括就是#xff0c;我们在运行 npm润dev 的时候#xff0c;vite 会搭起…1、vite 与 create-vite 的区别 2、vite 解决的部分问题 3、vite配置文件的细节
3.1、vite语法提示配置 3.2、环境的处理 3.3、环境变量 上图补充 使用 3.4、vite 识别vue文件的原理
简单概括就是我们在运行 npm润dev 的时候vite 会搭起一个node服务器, 然后我们请求.vue文件的时候在返回体中会将.vue文件当做js来处理返回 也就是设置 返回类型是 text/javascript也就是.vue文件里面的内容会在node服务器转成js
3.5、vite 处理Css 3.6、样式相关配置 3.7、别名配置
使用主要就是用于简写路径特别是一些静态资源的引入 3.8、生产打包相关的部分配置 3.9、vite 插件
vite-plugin-mock 插件 所以需要安装npm install mockjs -D 下面mock 使用 mock文件夹下的index.js文件 4、vite性能优化 4.1、分包策略
概念 配置 4.2、gzip压缩
概念 安装一个插件 vite-plugin-compression 插件
配置 4.3、动态导入
概念
一般用于 tab 和 路由或者一些静态资源 如icon 图片等 配置是es6 新特性 4.4、cdn加速
概念 配置 需要安装 vite-plugin-cdn-import 插件 这样就可以减少我们打包后的代码体积了这个是用在我们的生产环境的开发环境不需要
5、vite 处理跨域
相关概念浏览器的同源策略协议、域名、端口其一不一致就会发生跨域是在请求返回的时候发生的 配置