vue如何按照环境打包项目?如何在vue文件中使用process.env?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue如何按照环境打包项目?如何在vue文件中使用process.env?相关的知识,希望对你有一定的参考价值。

参考技术A

修改 config/prod.env.js 文件如下:

修改 config/dev.env.js 文件如下:

也就是说,如果我运行 npm run build test 命令,那么 process.argv.slice(2)[0] 得到的就是字符串 test ,前提是我的 package.json 文件中的命令没有去做其他的更改,如果你是用了其他的插件,请根据情况修改

但是这还不够, process.env 是node中的环境变量,在模块中是无法直接拿到的,比如 .js 、 .vue ,还需要配置一下 DefinePlugin

webpack.prod.conf.js

在vue文件中使用的获取方式相同

以上是关于vue如何按照环境打包项目?如何在vue文件中使用process.env?的主要内容,如果未能解决你的问题,请参考以下文章

如何在Vue或React项目中使用自定义字体,以及字体打包

vue系列之项目打包

Vue-cli 2.X 如何配置多项目集成环境

SpringBoot项目打包-Assembly

vue项目如何打包上线--笔记

vue项目打包步骤