vue项目环境部署

原创 472669624 教程 个人学习笔记 166阅读 2018-10-08 20:17:13 举报

今天根据框架大神指点,我把设置步骤进行了整理,供其他小伙伴们进行参考;vue项目中打包时按照不同的环境,例如:开发环境、测试环境、生产环境,我们如何根据不同的命令进行生成不同的接口环境。
1.打开vue项目中的webpake.js文件进行设置命令。如下图,在使用cross-env时,需要安装一下cross-env插件,是为了在不同的环境中,能兼容同一个命令。

2.在config/自己建的目录名/具体的js文件;如:

(1)dev.js(测试环境地址,开发环境和生产环境与测试环境一样,域名替换成对应的地址就好)

(2)index.js(process.env.VARIABLE就是刚刚在webpake.js自定义的变量)

3.在build文件夹中找到webpack.dev.conf.js和webpack.prod.conf.js这2个文件里找到plugins并修改如下图(URL随便定义一个变量就好);


好了,接下来打包的时候就输入webpack.js写的命令,配合jenkis使用更加方便。希望我的分享能帮到大家。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复