1. vite 介绍
vite中文社区: https://vitejs.cn/
Vite(法语意为 "快速的" ,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:
一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
vite打包优势:
1) vite 通过es6 module 方式引入,而webpack通过先打包的方式
2) HMR 热模块更新,即不用刷新整个DOM
3) 使用Rollup打包
2. 构建vite项目
`npm`
npm init vite
`Yarn`
yarn create vite
执行后操作:
1.创建一个vite项目,并起名
2.选择 vue 的项目
3.选择 vue-ts
4.下载依赖
下载依赖: `npm install `
启动项目: `npm run dev`