Vue Cli2 配合后端镜像打包设置

字节星语者
• 阅读 1260
由于项目需要,需要在打包后提供一个可配置文件,供技术支持部同事更改全局变量配置。

1、使用vue+webpack创建项目的时候会自动生成一个static文件夹,在static文件夹里面我们可以放一些会经常变化的文件或者照片啥的,所以我们将这个可配置文件放在static文件夹下。
Vue Cli2 配合后端镜像打包设置

Vue Cli2 配合后端镜像打包设置

2、接下来就是在index.html页面使用script标签引入该文件了,不可以使用import或者是require,如果使用了那么文件中的内容在其他模块中使用的时候也会被一起打包进去,所以尽管打包后更改了environment.js里面的内容配置也不会起效果。

Vue Cli2 配合后端镜像打包设置

3、最后就可以在其他模块直接使用这个全局变量啦

Vue Cli2 配合后端镜像打包设置

4、检查一下打包后的dist有没有将该配置下的变量打包。

Vue Cli2 配合后端镜像打包设置

Vue Cli2 配合后端镜像打包设置

很显然这个配置老老实实的呆在这个文件夹中没有乱跑,
ღ( ´・ᴗ・` )比心

5、然后将文君童鞋提供的三个文件夹放入根目录下。

如果在git下只有单个项目:
Vue Cli2 配合后端镜像打包设置

如果在git下有多个项目:Dockerfile文件和 Jenkinsfile文件要加后缀
Vue Cli2 配合后端镜像打包设置

接下来就到了SourceTree的发布流程了

用爱玛举例:

  • 创建一个release分支供技术支持部同事查看
  • 将dev分支的测试无误的代码合并到release分支上
  • 合并成功后,在release分支上运行npm run build,确保dist文件夹无误后
  • 在release上创建标签(标签不可重复,每次发布都要创建一个新标签)
    注:
    标签格式:
    当git上为单个项目时标签格式为:
    测试发布流程:v1.x.x-alpha.x
    正式发布:v1.x.x

    当git上为多个项目时标签格式为:
    测试发布流程:v1.x.x-alpha.x_(Jenkinsfile后缀) 如:v1.0.0-alpha.1_dfxd
    正式发布:v1.x.x_(Jenkinsfile后缀) 如:v1.0.0_dfxd

推送成功后整个流程就结束啦,如有疑问欢迎留言探讨。

点赞
收藏
评论区
推荐文章
blueju blueju
4年前
umi 项目多环境打包配置
参考:1.1.1.<br/我的需求:在不同环境(dvl、sit)下打包,请求基础地址也需要随环境的变化而改变<br/遇到的困难:umiv3文档不完善未知bug<aname"K770H"</a1.创建不同环境的配置文件此部分可参考:2.<br/需要dvl、sit两个环境,因此创建两个配置文件,如图:<br
Jacquelyn38 Jacquelyn38
4年前
Js可以写桌面应用端?
1、下载nw.jshttps://nwjs.io/最好下载sdk版本。2、解压打开安装包下载完之后,解压打开图中的「app文件夹」是我自己创建的,你也需要自己创建一个,里面放你项目文件。「app文件夹」中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):        "name":  "first 
kenx kenx
4年前
Maven 基础标签之版本管理和冲突解决
前言我们在做java项目的时候由于jar包太多,我们就需要使用maven做项目管理,管理项目的jar包依赖,包括打包上线maven基础Maven是一个项目管理工具,主要用于项目构建,依赖管理,项目信息管理每个maven项目根目录都会有一个pom.xml文件,负责项目构建,依赖管理在这个文件里面,你只需要添加相应的jar包坐标配置,maven就会自动
Jacquelyn38 Jacquelyn38
4年前
牛逼!五分钟开发一款桌面版应用
1、下载nw.jshttps://nwjs.io/最好下载sdk版本。2、解压打开安装包下载完之后,解压打开图中的app文件夹是我自己创建的,你也需要自己创建一个,里面放你项目文件。app文件夹中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):        "name":  "first  ap
编程范儿 编程范儿
3年前
如何在启动 Vue 程序之前读取本地静态文件内容
有这样一个需求,就是希望通过本地的Json文件来写入一些内容,比如请求后端接口的API前缀,我们在public目录下面新建一个project.config.json文件来做一些配置项:"baseUrl":"http://192.168.199.201:10000/"这样有一个好处就是项目打包发布之后的文件也可以通过更改这个静态文件来改
Stella981 Stella981
3年前
Maven项目使用打包时使用本地jar包库
在使用maven管理项目时,有时候我们可能会使用一些第三方的jar包依赖库,但是这些jar包依赖库又没有在共有的maven仓库。通常只能下来放到本项目的lib目录下。但是我们打包时如果不做处理,那么打包后的fatjar中不会有lib文件夹中的相关jar包。打包后无法运行起来,因此需要做特殊处理,让maven打包时能够把使用到外部jar打进去。主要就是在
Wesley13 Wesley13
3年前
Unity热更新之资源的上传与下载
资源的上传打包结束后,我们通过比较打包前和打包后AssetBundle的MD5值是否有变化来判断一个AssetBundle是否需要被更新,如果该AssetBundle的MD5值发生了改变,则我们将这个AssetBundle拷贝到我们的待更新文件夹中。更新文件夹的命名应该为当前的大版本号资源版本号,这样下载的时候才能找到正确的路径,更新文件夹
Stella981 Stella981
3年前
C# Winform打包部署时添加注册表信息实现开机自启动
1.原理:需要开机自启动的程序,需要将其启动程序的路径写到注册表中指定的文件夹下2\.写入注册表的方式有两种a.在生成安装程序时配置b.在程序运行时,动态配置方法一:使用VS2010自带的打包模块可以很方便的对项目进行打包部署,同时我们也可以在安装部署时操作注册表实现开机启动软件。具体实现如下:1、添加安
Stella981 Stella981
3年前
Docker镜像+nginx 部署 vue 项目
一、打包vue项目在开发完的vue项目输入如下命名,打包生成dist文件夹yarnbuild/npmrunbuild此时根目录会多出一个文件夹:dist文件夹,里面就是我们要发布的东西。如果将该dist目录整个传到服务器上,部署成静态资源站点就能直接访问到该项目。!(https://img2018.cnblog
Stella981 Stella981
3年前
React生产环境打包&&后台环境运行(有跨域+无跨域)
(1)打包项目1、yarnrunbuild或者2、npmrunbuild  打包后,webpack会自动在根目录生成build文件,里面存放着相关文件  !(https://img2020.cnblogs.com/blog/1291869/202004/1291869202004101706415171581206162.
把Mybatis Generator生成的代码加上想要的注释
1前言在日常开发工作中,我们经常用MybatisGenerator根据表结构生成对应的实体类和Mapper文件。但是MybatisGenerator默认生成的代码中,注释并不是我们想要的,所以一般在Generator配置文件中,会设置不自动生成注释。带来的