当前位置: 首页 > Web前端 > vue.js

.env文件配置详述

时间:2023-03-31 15:32:00 vue.js

.env文件配置文件说明.env:全局默认配置文件,无论什么环境都会被加载合并。.env.development:开发环境的配置文件。env.production:生产环境的配置文件。无法读取文件。内容格式NODE_ENV=productionVUE_APP_BAIDU_URL=https://www.baidu.comVUE_APP_VARIABLE_XXX='66666'NODE_ENV通常这个变量用来区分开发环境和生产环境,加载不同的配置。注意:属性名必须以VUE_APP_开头,如:VUE_APP_XXX加载vue会根据启动命令自动加载相应的环境配置文件。开发环境加载.env和.env.development。生产环境加载.env和.env.production。测试环境加载.env和.env.test。优先环境配置文件>全局配置文件当全局配置文件和环境配置文件有相同的配置项时,环境配置项会覆盖全局配置项。进程对象是一个提供相关信息的全局(全局变量)。控制当前的Node.js进程。可以使用process.env.xxx访问属性。示例vue.config.jsprocess.env.NODE_ENV//testprocess.env.VUE_APP_BAIDU_URL//https://www.baidu.comprocess.env.VUE_APP_VARIABLE_XXX//'66666'.env.test文件NODE_ENV=testVUE_APP_BAIDU_URL=https://www.baidu.comVUE_APP_VARIABLE_XXX='66666'package.json配置"scripts":{"serve":"vue-cli-serviceserve","build:test":"vue-cli-servicebuild--modetest","build":"vue-cli-servicebuild",},打包npmrunbuild:test#ORyarnbuild:test