本文主要是介绍GoWeb 设置别名和多环境配置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
别名
vite.config.ts中添加代码如下即可
//设置别名resolve: {alias: {"@": path.resolve(process.cwd(),"src"),//用@替代src}}
随后即可使用
配置多环境
vite.config.ts中添加代码如下
envDir: './viteenv',//相对路径
随后在项目根目录创建对应的viteenv目录,并在目录下创建环境配置文件:
".env.development"代表开发环境配置文件。
".env.production"代表生产环境配置文件。
# 页面标题
VITE_APP_TITLE = 开发环境标题# 开发环境配置
VITE_APP_ENV = 'development'# 开发环境
VITE_APP_BASE_API = 'http://localhost:60000'
# 页面标题
VITE_APP_TITLE = 生产环境标题# 生产环境配置
VITE_APP_ENV = 'production'# 生产环境
VITE_APP_BASE_API = 'http://yeanhoo.com:60000'
在项目中可以通过下面的方式进行引用:
const title = import.meta.env.VITE_APP_TITLE;
这篇关于GoWeb 设置别名和多环境配置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!