今天给各位分享vite的知识,其中也会对vitamin进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
“VitE”是维生素E的缩写。
维生素E介绍:维生素E(Vitamin E)是一种脂溶性维生素,其水解产物为生育酚,是最主要的抗氧化剂之一。溶于脂肪和乙醇等有机溶剂中,不溶于水,对热、酸稳定,对碱不稳定,对氧敏感,对热不敏感,但油炸时维生素E活性明显降低。
维生素E的功能:
高维生素A的作用;
维生素E是一种很重要的血管扩张剂和抗凝血剂;
供给体内氧气,使您更有耐久力;
和维生素A一起作用,抵御大气污染,保护肺脏;
延缓细胞因氧化而老化,保持青春的容姿;
是局部性外伤的外用药(可透过皮肤被吸收)和内服药,皆可防止留下疤痕;
减轻疲劳;
加速灼伤的康复;防止流产;
以利尿剂的作用来降低血压;
降低患缺血性心脏病的机会。
有助于减轻腿抽筋和手足僵硬的状况。
rapide [rapid]
a.
1. 快的,迅速的
2. 湍急的
3. 陡的,陡峭的;险峻的
4. 动作快的,敏捷的;灵敏的,反应快的
5. 转简练的,紧凑的[指文笔、文章等]
n. m
1. 急流,险滩
2. 特快列车:
vite [vit]
ad.
快, 赶快地
从词性上来看:
rapide 修饰名词是形容词 动作/反应快捷的,迅速的
La première qualité, une livraison rapide est notre principe.
质量第一,快捷交货是我们的原则。
vite 修饰动词 是副词,表示快的
Pourquoi le temps passe si vite?
为什么时间过的那么快?
目前 vue3.0 的版本已经发布了 此次除了可以通过 vue-cli 和 webpack 搭建脚手架外 官方还提供了一种新的脚手架搭建工具 vite
Vite 是 Vue 作者开发的一款意图取代 webpack 的工具
其实现原理是利用 ES6 的 import 会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去 webpack 冗长的打包时间
安装:
使用 vite 创建 Vue3 项目:
根据提示运行项目:
启动项目时,则是启动一个koa服务器,服务器拦截浏览器的es module的请求,服务器直接将 ESM 模块内容处理后,通过 path 找到目录下对应的文件做一定的处理最终以 ES Modules 格式返回给客户端。接着,现代浏览器通过解析 script module,对每一个 import 到的模块进行 HTTP 请求,服务器继续对这些 HTTP 请求进行处理并响应。(热更新)
图中的目标项目即我们开发时的项目,vite服务在解析模块路径以及读取文件内容时需要访问目标项目中的模块内容或者配置文件等。
从其他请求中我们也可以看出每一个.vue文件都被拆分成了多个请求,并通过type来标识是template还是style。
在项目根目录创建bin目录,并在bin目录下创建一个 文件,文件内容如下:
在创建 文件中引入了index.js文件,主要是使用了koa启动了一个简单服务以及实现vite的功能
serverPluginServeStatic.js文件 :使用koa-static中间件来托管静态资源,同时我们需要拿到koa实例(app),其次需要获取到目标项目的根目录路径(root),将目标项目进行整体托管,同时对于目标项目的 public目录也进行托管,这样,我们需要处理的静态文件基本完成了。
为什么要重写模块路径呢?
这是因为我们在使用import方式导入模块的时候,浏览器只能识别./、../、/这种开头的路径,对于直接使用模块名比如:import vue from 'vue',浏览器就会报错,因为它无法识别这种路径,这就是我们需要进行处理的地方了。
serverPluginModuleRewrite.js文件:
在处理完所有的模块路径之后,我们就需要在服务端来解析模块真实位置。
当 Vite 遇到一个 .vue 后缀的文件时。由于 .vue 模板文件的特殊性,它被拆分成 template , css ,script 模块三个模块进行分别处理。最后会对 script ,template, css 发送多个请求获取。
vite的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于vitamin、vite的信息别忘了在本站进行查找喔。
版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件至举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
标签: #vite
相关文章