vue配置不同环境打包项目(dev、test、prod)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue配置不同环境打包项目(dev、test、prod)相关的知识,希望对你有一定的参考价值。

参考技术A 2.修改package.json文件,自定义打包命令 

3.修改config文件,添加对应环境的xxx.env.js文件

test.env.js文件

prod.env.js

dev.env.js

4.修改打包配置
打开build/webpack.prod.conf.js文件

    修改
    build/build.js

写入api文件

api/index.js文件

执行npm run build--test 、npm run build--prod 打包不同环境

SpringBoot项目打包-Assembly

参考技术A

项目部署并不是一个单一的jar包就完事,实际上除了jar包还有很多其他文件,比如sql脚本、安装脚本等其他文件,本文要说的就是如何将这些文件统一打包成一个压缩包文件,直接上传linux服务器安装。

一个项目从立项到最终的发布上线往往有在不同的环境运行,比如开发时的开发环境、测试时的测试环境、线上环境等等,频繁的变动势必会出错,较好的解决方式便是配置多个环境,使用哪个环境便开启哪个环境,避免重复的改动配置。

可以通过两种方式配置:

application.yml配置

mvn中profiles配置

节点说明:

有这样一个场景,如何把配置文件、第三方等依赖包(不想放到工程jar)、安装文件等文件压缩成一个zip包,方便上传到Linux?

此时便可通过maven-jar-plugin和maven-assembly-plugin来完成场景中的功能

maven-jar-plugin是一个maven打包(jar)插件,它的主要作用是设定MAINFEST.MF文件中的参数,比如指定运行的Main class、将依赖的jar包加入classpath中等。

注意:

配置详情

最小化配置

注意:在这里我们使用最小化配置即可

值得注意的地方如下几点:

重点节点介绍:

以上是关于vue配置不同环境打包项目(dev、test、prod)的主要内容,如果未能解决你的问题,请参考以下文章

vue中Npm run build 根据环境传递参数方法来打包不同域名

vue项目中运用webpack动态配置打包多种环境域名

vue项目(vue-cli)配置环境变量和打包时区分开发测试生产环境

Vue3.0以上版本不同环境使用不同配置文件打包

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

vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名