位置: IT常识 - 正文
推荐整理分享.env 文件(env文件夹是什么文件),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:env文件怎么创建,cadence env文件,env文件是什么文件,cadence env文件,env文件是什么文件,ENV文件,ENV文件,cadence env文件,内容如对您有帮助,希望把文章链接给更多的朋友!
.env:全局默认配置文件,无论什么环境都会加载合并。 .env.development:开发环境的配置文件 .env.production:生产环境的配置文件
注意:三个文件的文件名必须按上面方式命名,不能乱起名,否则读取不到文件。
注意:属性名必须以 VUE_APP_ 开头,如:VUE_APP_XXX
加载vue 会根据启动命令自动加载相对应的环境配置文件。vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件” 比如执行npm run serve命令,会自动加载.env.development文件 开发环境加载 .env 和 .env.development 。 生成环境加载 .env 和 .env.production 。 运行npm run serve的时候主要还是看package.json中 server属性的–mode后面跟的是啥。如果是development,就会加载.env.development文件。 在package.json里面配置好,执行serve的时候用开发环境的。build打包用生产或者测试的 package.json 配置项: 二选一
"scripts": { "serve": "vue-cli-service serve --mode development", "build": "vue-cli-service build", "build:sit": "vue-cli-service build --mode production.sit", "build:uat": "vue-cli-service build --mode production.uat", "build:prod": "vue-cli-service build --mode production", "lint": "vue-cli-service lint", "et": "node_modules/.bin/et", "et:init": "node_modules/.bin/et -i", "et:list": "gulp themes" }"scripts": { "serve-test": "vue-cli-service serve --open --mode test", "serve": "vue-cli-service serve --open --mode development", "dev": "vue-cli-service --open --mode development serve", "test-oss": "vue-cli-service --mode sit build", "build:sit": "vue-cli-service --mode sit build", "build:prod": "vue-cli-service --mode production build", "lint": "vue-cli-service lint", "fix": "tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'" }.env.development的文件。在地址上面一行加一个NODE_ENV=development
项目中的使用在配置文件中定义的属性在其它文件中如何访问呢?? 可以使用 process.env.xxx 来访问属性。 如:
1,npm run serve,启动项目,并且加载.env和.env.development文件 2,npm run serve-test,启动项目,并且加载.env和.env.test文件 3,npm run build,生产环境打包,其中.env和.env.production文件会加载 4,npm run test,测试环境打包,其中.env和.env.test文件会加载 5,npm run all,生产环境和测试环境同时打包,加载不同的.env文件
上一篇:macOS一直弹输入密码窗口或提示存储钥匙串怎么解决?(macbook无限输入z)
友情链接: 武汉网站建设