vue怎样自动化打包测试环境和正式环境的dist/test文件

运用vue如今已差不多2年了,想起来两年前的一次和某阿里处置惩罚的手艺大牛(当时我们的手艺总监)一同开辟一个SPA项目的时刻被硬着头皮去处理的一个困难,由于手艺老大是阿里身世的,所以许多东西都是比较倾向于自动化,从项目ui设想到项目治理,到打包测试,到宣布全部都要求我们要完成自动化,尽量的削减手动操纵。

当时手艺大佬要求的事在jenkins举行一键打包,就是他点击差别的按钮在统一套代码上面离别打包测试环境运转的包和正式环境运转的包,方才打仗vue的我摸不着头脑,老大给了我一天时候研讨这个玩意,没办法,只好硬着头皮做,厥后想一想革新一下,也比较简单。

Step1、package.json中新增敕令行剧本test敕令,并指向build文件夹下的test.js。

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step2、在在build文件夹中新建test.js,内容能够直接拷贝同目次build.js内容,修正一些参数 如许就多了个test环境

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step3、 在build文件夹中新建webpack.test.conf.js,内容能够直接拷贝同目次webpack.prod.conf.js内容,修正一些参数。

如许构建时就会去config文件夹下的test.env.js寻觅环境变量。

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step4、在config下建立test.js文件

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step5、在封装的axios.js的文件夹下建立config.js

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step6、在封装的axios引入config.js

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

封装的get 和post要求

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

Step7、在config文件下的index增添test模块(可复制build)
并变动响应的参数。

《vue怎样自动化打包测试环境和正式环境的dist/test文件》

在打包的时刻实行:npm run test 就会自动的指向测试环境的域名dist文件,实行npm run build 就会打包指向正式环境的域名的dist文件,在Jenkins内里的离别衔接至gitlab/github,并将敕令离别分配给run test && run build,须要宣布的时刻就直接点击差别的按钮,然后再Linux下自动打包差别环境的dist,能够进步开辟效力,削减开辟和沟通本钱。

    原文作者:彼岸花开
    原文地址: https://segmentfault.com/a/1190000019396710
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞