时间:2021-05-26
最近用vue-cli搭建了项目,准备上线时发现脚手架自带的npm run buil只能打出请求生产接口的生产包,但是项目肯定要先上测试环境,怎么用命令行打出请求测试接口的测试包呢?
Step1:package.json中新增命令行脚本test命令,并指向build文件夹下的test.js。
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js", "test": "node build/test.js" },Step2.在build文件夹中新建test.js,内容可以直接拷贝同目录build.js内容,修改一些参数。
这样就多了一个test环境。
Step3.在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。
这样构建时就会去config文件夹下的test.env.js寻找环境变量。
Step4.在config文件夹中新建test.env.js,内容可以直接拷贝同目录prod.env.js内容,修改一些参数。
这样在npm run test 就能打出请求测试接口的测试包了。
可以在dist-->js-->app.js中查看是否打包成功。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、各文档介绍1、rxjs官网2、vue-rxjs地址二、环境搭建1、使用vue-cli构建一个项目2、安装vue-rx的依赖包yarnaddrxjsyarna
vue-cli3配置多环境变量先挂官网描述:环境变量和模式需求根据运行环境判断执行代码:预发环境操作完成跳转地址与线上环境跳转地址不同线上环境添加埋点脚本实现S
一:环境搭建使用vue-cli脚手架工具构建安装vue-clinpminstall-gvue-cli使用vue-cli初始化项目vueinitdemo1进到目录
写在前面:使用vue-cli可以快速创建vue项目,vue-cli很好用,但是在最初搭建环境安装vue-cli及相关内容的时候,对一些人来说是很头疼的一件事情,
本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考,具体如下:1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工