如何在webpack中获取git版本和当前脚本的工作目录

前言

前一阵子因为vue部署不上去错误没有解决，一直找不到原因，后来一看部署的git版本有问题，于是决定在页面中显示git版本。
要显示git版本，首先要知道它存在什么地方？这就导致我们需要知道git的目录中的信息，知道了信息我们怎么把它拿出来这也是个问题？。

准备工作

.git目录与git了解

当你创建一个仓库的时候，使用 git init 指令， git 将会创建一个神奇的目录：.git。这个目录下包含了所有 git 正常工作所需要的信息。

这里就是第一次提交之前 .git 目录的文件结构：

├── HEAD:这个文件包含了一个档期分支（branch）的引用，通过这个文件Git可以得到下一次commit的parent
├── branches
├── config:这个是GIt仓库的配置文件
├── description:仓库的描述信息，主要给gitweb等git托管系统使用
├── hooks:这个目录存放一些shell脚本，可以设置特定的git命令后触发相应的脚本；在搭建gitweb系统或其他git托管系统会经常用到hook script
│ ├── pre-commit.sample
│ ├── pre-push.sample
│ └── ...
├── info:包含仓库的一些信息
│ └── exclude
├── objects:所有的Git对象都会存放在这个目录中，对象的SHA1哈希值的前两位是文件夹名称，后38位作为对象文件名
│ ├── info
│ └── pack
└── refs:这个目录一般包括三个子文件夹，heads、remotes和tags，heads中的文件标识了项目中的各个分支指向的当前commit
├── heads
└── tags

这个文件包含你仓库的设置信息。例如这里会放你远程仓库的 URL，你的 email 地址，你的用户名等…。 每次你在控制台使用“git config…”指令时，修改的就是这里。

这里不对.git的文件进行详细说明了，直接说明是那个文件，这里给大家推荐几个.git目录详解的教程：

git指南:GitBook
探索 .git 目录，让你真正了理解git
Git HEAD 意思详解 和版本回退
GitBook, Git + Markdown 快速发布你的书籍

首先，Git必须知道当前版本是哪个版本，在Git中，用HEAD表示当前分支版本的路径指向，也就是最新的提交。这里我们需要用到git根目录下的HEAD，我们打开它，他里面有这样一句话：