vite-vite.config.ts中环境判断

最新推荐文章于 2024-05-25 14:43:07 发布

槿畔

最新推荐文章于 2024-05-25 14:43:07 发布

阅读量1.7w

点赞数

分类专栏： vue # vue3从0到1 文章标签： typescript javascript vue.js vite

本文链接：https://blog.csdn.net/qq_40513881/article/details/125034128

版权

vue 同时被 2 个专栏收录

18 篇文章 3 订阅

订阅专栏

vue3从0到1

13 篇文章 6 订阅

订阅专栏

在vite中是不像webpack那样直接可以通过process.env就能获取到配置的环境的,这里我们要借助loadEnv

//.env.dev
-# 本地环境
ENV = 'development'
VITE_NODE_ENV = 'development'

// package.json
{
  "name": "vite-project",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite --mode=dev"
   }
}

import { loadEnv } from 'vite'
const envResolve = (mode) => {
  if(mode.indexOf('=')!=-1){
    mode = mode.split('=')[1]
  }
  return loadEnv(mode, process.cwd());
};
const getEnv = function (env) {
  return envResolve(_.last(process.argv))[env];
}
const modes = getEnv('VITE_NODE_ENV') //development