1.安装依赖:
npm install -g create-vite
2.构建项目:
vite build
3.查看结果:
构建完成后,vite会生成一个 ’dist‘ 的目录,里面包含了打包好的文件。
可能会遇到错误提示:
原因:由于全局安装的 Vite 不在系统的 PATH 环境变量中,导致PowerShell 无法识别 vite 命令。
解决方案:
方法一使用npm script:
在 ’package.json' 文件中,添加一个npm script 来执行Vite的构建命令。
"scripts": {
"build": "vite build"
}
然后在终端中执行:
npm run build
方法二直接使用 npx 命令
npx vite build