vue-cli-serve 环境配置
vue-cli-service serve
用法:vue-cli-service serve [options] [entry] |
场景
实际项目开发中,我们会有多个环境,开发
、测试
、生产
等区分。为了便于使用,可以配置不同环境的文件
环境变量
.env # 在所有的环境中被载入 |
一个环境文件只包含环境变量的“键=值”对:
FOO=bar |
警告
不要在你的应用程序中存储任何机密信息(例如私有 API 密钥)!
环境变量会随着构建打包嵌入到输出代码,意味着任何人都有机会能够看到它。
根据以上文件,我们可以创建.env.development
、.env.production
、.env.test
等文件来配置不同环境常量
方案一
在package.json
的script
中添加配置:
"scripts": { |
如果环境多个,并有可能需要配置不同参数,这样就需要添加很多个配置。显得不够灵活,那我们为什么不直接在npm run
的时候添加参数呢?node
命令的入参获取本质上就是用process.argv
获取。但是我们直接在npm run serve
后面添加参数vue.config.js
中process.argv
获取不到入参,也就是说后面加的参数都无效。
方案二
解决办法就是加--
向 npm
脚本传入参数,要使用--
标明。
npm run serve -- --mode test |
等同于
npm run serveTest |
延伸
process.argv
: <string[]>
process.argv
属性返回数组,其中包含启动 Node.js
进程时传入的命令行参数。 第一个元素将是 process.execPath
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 蛋蛋BLOG!
评论