你好世界
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • Webpack

    • Webpack
    • 搭建Webpack环境
    • 使用Webpack的配置文件
    • Loader
    • Plugins
    • Code Splitting
    • vue-cli

vue-cli

自定义 环境变量

版本:@vue/cli 4.5.15

  1. 在 package.json 中建立自定义环境 启动脚本

"serve": "vue-cli-service serve --mode mock",

  1. 在根目录下 创建 环境 文件

.env.mock

NODE_ENV='development'
VUE_APP_DATA='mock'
  1. 测试

通过 npm run serve 启动项目。通过console.log(process.env)打印变量

{
    "NODE_ENV": "development",
    "VUE_APP_DATA": "mock",
    "BASE_URL": "/"
}

参考文档

最后更新时间: 12/15/21, 4:54 PM
贡献者: DESKTOP-ER5718D\zt
Prev
Code Splitting