如何学习Vite2.0配置及TypeScript版本实践详解？

本文共计609个文字，预计阅读时间需要3分钟。

介绍+关于Vite的原理。Vite类似于Vue CLI，它也是一个提供基本项目脚手架和开发服务器的构建工具。Vite基于浏览器原生ES imports的开发服务器。跳过打包这个概念，服务端按需编译。

介绍

尤于溪的原话。

• vite与 Vue CLI 类似，vite 也是一个提供基本项目脚手架和开发服务器的构建工具。
• vite基于浏览器原生ES imports的开发服务器。跳过打包这个概念，服务端按需编译返回。
• vite速度比webpack快10+倍，支持热跟新， 但是出于处于测试阶段。
• 配置文件也支持热跟新！！！

创建

执行npm init @vitejs/app ，我这里选择的是vue-ts

版本

"vite": "^2.0.0-beta.48"

alias别名

vite.config.ts

const path = require('path') alias: { "@": path.resolve(__dirname, "src"), "@c": path.resolve(__dirname, "src/components") },

环境变量配置

1、在根目录创建

2、只有前缀为的变量VITE_才对Vite处理的代码公开。一以下为.env.production文件，其它类似。