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

多环境依赖的第三方库 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 install swig --save //JS模板引擎
npm install ora //优雅的终端微调器 不想安装可以用console代替
只用于打包可以安装 --save-dev
const path = require(“path”);
const swig = require(“swig”);
const ora = require(“ora”);
const fs = require(‘hexo-fs’);
const util = require(“hexo-util”);
const spawn = util.spawn;
//spawn运行一个命令 spawn(command, [args], [options])
hexo-fs和hexo-util是Hexo 提供的官方工具插件(https://hexo.io/zh-cn/docs/plugins.html)
config.js中配置github

5.打包上传git
测试环境可通过npm run deploy:test 来执行node deployer.js
生产环境可通过npm run deploy:production 来执行node deployer.js