vue3笔记(2-2)打包 & 部署
本篇基于技术栈 vue3 + vite。
vite 是 vue 官方推荐的项目构建工具,基于 rollup,构建速度更快,本篇记录使用过程,并且有一些疑惑在以后会一点点解决后再次记录。
环境变量-以 dev 环境为例
只有 VITE 开头的文件会被读取,其余文件会被拦截。
根目录下新建.env.dev
文件
1 |
|
按照环境模式区分
package.json
中配置命令,其中 --host
可以在 dev 模式下,使用本机 IP访问系统,--mode
为启用对应的 .env 文件,vite中使用 dotenv 这个库,在开发代码里中可以使用 import.meta.env 获取对应模式配置文件下的全局变量, src/api/**
中使用 import.meta.env.VITE_APP_INTERFACE_URL
来获取当前环境下的 API 地址。
1 |
|
详细配置见 vue3笔记(18-1)使用vite进行前端构建
vue3笔记(2-2)打包 & 部署
https://guoningyan.com/2022/04/29/vue3笔记(2-2)打包 & 部署/