微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vite

编程之家收集整理的这个编程导航主要介绍了vite编程之家,现在分享给大家,也给大家做个参考。

vite 介绍

vite 在开发的时候没有打包的过程,ES 模块源码直接传输给浏览器,浏览器使用自带的 <script module> 进行解析支持,通过 HTTP 请求进行每次 import,开发服务器拦截请求和对需要转换的代码进行转换。例如:*.vue 文件会在发回浏览器之前进行编译

这样操作有许多优势:

开发服务器启动后不需要进行打包操作,启动会变得非常迅速

代码在需要的时候进行编译,所以只有代码真正在屏幕上展现的时候才进行编译。开始开发的时候再也不需要等待整个应用编译完成,这对大型应用是一个巨大的改变

热模块替换的性能和模块的数量间的关系解耦,热模块替换变得非常快

导入本地 ES 模块可能会引发深层的导入链路,整个页面重新加载会比依赖打包的开发服务器略慢。然而这是一个本地开发服务器,这部分增加的时间和实际编译的时间相比应该非常小(编译的文件会被缓存在内存中)

vite 的编译本质上还是的 Node.js 中进行,从技术上讲它可以支持打包工具能支持的各种代码转换,没有什么可以阻止你将代码包用于生产,实际上,vite 提供了vite build的脚本用于这个操作,因此不会在生产环境中遭遇到网络流爆炸的问题

Getting Started

$ npx create-vite-app <project-name>

$ cd <project-name>

$ npm install

$ npm run dev

If using Yarn:

$ yarn create vite-app <project-name>

$ cd <project-name>

$ yarn

$ yarn dev

GitHub:https://github.com/vuejs/vite

网站描述:一个基于 Vue3 单文件组件的非打包开发服务器

vite

官方网站:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。