Vue项目打包后提交到Git，为何不见dist文件夹踪影？

本文共计1247个文字，预计阅读时间需要5分钟。

在Vue项目中，使用`npm run build`打包后，会生成一个dist文件。使用git推送项目后，发现git上少了一个dist文件，明明本地有这个文件。这是因为本地项目中存在`.gitignore`文件，该文件配置了git不跟踪的文件列表，其中可能包含了dist文件。

以下是对上述内容的简化版：

在Vue项目中，`npm run build`打包后生成dist文件。git推送项目后，发现git上少了dist文件，因为本地`.gitignore`文件配置了不跟踪dist文件。

vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？

这里会先介绍.gitignore，不想看的 请直接跳过介绍 看解决办法

一、.gitignore 介绍

这里向大家简述一下.gitignore这个文件
一、简绍

我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。