长春做公司网站的,手机行业网站,女孩做网站合适吗,wordpress如何销售卡密一、vite介绍
Vite#xff08;法语意为 “快速的”#xff0c;发音 /vit/#xff0c;发音同 “veet”) 是一种新型前端构建工具#xff0c;能够显著提升前端开发体验#xff08;热更新、打包构建速度更快#xff09;。
二、使用vite构建项目
【学习指南】学习新技能最…一、vite介绍
Vite法语意为 “快速的”发音 /vit/发音同 “veet”) 是一种新型前端构建工具能够显著提升前端开发体验热更新、打包构建速度更快。
二、使用vite构建项目
【学习指南】学习新技能最好的办法是——看官方文档vite官网
1.运行创建项目命令
# 使用 npm
npm create vitelatest
2、填写项目名称 3、选择前端框架 4、选择语法类型 5、按提示运行代码 运行代码即可运行项目如下图 cd vite-projectnpm installnpm run dev 三、vite 和 webpack 对比
1、Webpack会先打包然后启动开发服务器请求服务器时直接给予打包结果。
将所有的模块提前编译、打包进 bundle 中不管这个模块是否被用到随着项目越来越大打包启动的速度自然越来越慢。
使用 webpack 打包模式如下图 2、Vite直接启动开发服务器请求哪个模块再对该模块进行实时编译。
瞬间开启一个服务并不会先编译所有文件当浏览器用到某个文件时Vite 服务会收到请求然后编译后响应到客户端。
使用 Vite 打包模式如下图 3、vite 优点 vite 服务器启动速度比 webpack 快 由于vite启动的时候不需要打包也就无需分析模块依赖、编译所以启动速度非常快。当浏览器请求需要的模块时再对模块进行编译这种按需动态编译的模式极大缩短了编译时间当项目越大文件越多时vite的开发时优势越明显vite热更新比webpack快 vite在HRM方面当某个模块内容改变时让浏览器去重新请求该模块即可而不是像webpack重新将该模块的所有依赖重新编译vite使用esbuild(Go 编写) 预构建依赖而webpack基于nodejs, 比node快 10-100 倍 4、vite 缺点 生态不及webpack加载器、插件不够丰富打包到生产环境时vite使用传统的rollup进行打包生产环境esbuild构建对于css和代码分割不够友好。所以vite的优势是体现在开发阶段没被大规模重度使用会隐藏一些问题项目的开发浏览器要支持esmodule而且不能识别commonjs语法
