vue.config.js 多环境配置

最新推荐文章于 2024-09-26 15:11:00 发布

web老猴子

最新推荐文章于 2024-09-26 15:11:00 发布

阅读量852

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/web220507/article/details/127570386

版权

本文介绍如何在Vue项目中结合dotenv和cross-env进行多环境配置，详细讲解了相关步骤，并推荐了一份包含36个Vue开发技巧的文档，适合进阶学习。

摘要由CSDN通过智能技术生成

// 执行npm run dev时报错： MaxListenersExceededWarning:Possible EventEmitter memory leak detected
require("events").EventEmitter.defaultMaxListeners = 50;
const { defineConfig } = require("@vue/cli-service");
const webpack = require("webpack");

//去除多余的console.log
const TerserPlugin = require("terser-webpack-plugin");
const path = require("path");
// 获取.env文件的环境变量
const dotenv = require("dotenv");
// 定向目录
const resolve = (dir) => path.join(__dirname, dir);
// 加载多环境的 .env 配置
dotenv.config({ path: `.env.${process.env.VUE_APP_NODE_ENV}` });

// 根据环境 build 不同的 proxy
const { api } = require("./api");
const API = api[process.env.VUE_APP_NODE_ENV];
const buildEnvApiProxy = () => {const PROXY = {};Object.keys(API).forEach((key) => {console.log(`环境====》${process.env.VUE_APP_NODE_ENV}`,key,"====>",API[k