Vue项目打包后提交到Git，为何缺少必要的dist目录？

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

在Vue项目中，执行`npm run build`命令后，会生成一个名为`dist`的文件夹。使用git推送项目后，发现git上少了一个`dist`文件。这是因为本地项目中包含`dist`文件，而git的`.gitignore`文件将其忽略了。下面简单介绍`.gitignore`文件的作用。

`.gitignore`文件用于配置git忽略跟踪的文件和目录。在项目中添加`.gitignore`文件后，git将不会跟踪这些文件和目录的改动，也就不会将其添加到版本控制中。以下是一些常见的配置示例：

忽略所有log文件*.log

忽略node_modules目录node_modules/

忽略dist目录dist/

忽略本地文件README.md

在上面的配置中，`.gitignore`文件会忽略`dist`目录，导致git上没有`dist`文件。为了解决这个问题，可以在`.gitignore`文件中添加以下配置：

忽略dist目录dist/

这样，git就会跟踪`dist`目录，并同步更新到远程仓库。