vue项目多环境自动打包后上传至git

最新推荐文章于 2024-04-18 10:54:10 发布

莎皮尔不皮～

最新推荐文章于 2024-04-18 10:54:10 发布

阅读量784

点赞数

本文链接：https://blog.csdn.net/weixin_42486911/article/details/107731490

版权

本文介绍了如何在Vue项目中实现多环境配置，包括开发、测试和生产环境，利用cross-env进行环境变量设置。同时，详细阐述了打包过程，包括检查并删除旧dist文件、根据环境变量进行打包、初始化GitHub、上传代码到GitHub以及完成后清理本地dist。通过使用hexo-fs、hexo-util、swig等工具，实现了自动化部署到GitHub的功能。

摘要由CSDN通过智能技术生成

多环境依赖的第三方库 cross-env
(github地址:https://github.com/kentcdodds/cross-env#installation)
1.安装:npm install --save-dev cross-env
2.配置package.json中的scripts(目前只配置了dev,test和production)
在这里插入图片描述
3.配置环境

以测试环境为例(开发和生产环境同理)

4.打包脚本deploy.js
步骤:
①.dist包是否存在(存在删除原dist)
是否存在:fs.exists(deployDir) 删除:spawn(“rm”, ["-rf", deployDir])
②.开始打包
const env = process.env.NODE_ENV || ‘test’;
spawn(“npm”, [“run”, build:${env}]);
③.初始化github
④.上上传代码到github
⑤.上传成功后删除本地dist
所需的包
npm install hexo-fs --save //文件 IO
npm install hexo-util --save //工具程式
npm insta