vue項目打包后提交到git上為什么沒有dist這個文件的解決方法

更新時間：2020年09月16日 10:32:55 作者：谷歌研發(fā)技術團隊

這篇文章主要介紹了vue項目打包后提交到git上為什么沒有dist這個文件的解決方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

vue項目中使用npm run build打包后會生成一個dist文件，使用git推送項目后，發(fā)現(xiàn)git上少了一個dist文件，為什么明明本地項目中有這個文件而推上去就沒有了呢？

這里會先介紹.gitignore，不想看的請直接跳過介紹看解決辦法

一、.gitignore 介紹

這里向大家簡述一下.gitignore這個文件
一、簡紹

我們做的每個Git項目中都需要一個“.gitignore”文件，這個文件的作用就是告訴Git哪些文件不需要添加到版本管理中。比如我們項目中的npm包(node_modules)，它在我們項目中是很重要的，但是它占的內(nèi)存也是很大的，所以一般我們用Git管理的時候是不需要添加npm包的。

二、常用的規(guī)則

/mtk/ 過濾整個文件夾
*.zip 過濾所有.zip文件
/mtk/do.c 過濾某個具體文件

以上規(guī)則意思是：被過濾掉的文件就不會出現(xiàn)在你的GitHub庫中了，當然本地庫中還有，只是push的時候不會上傳。
除了以上規(guī)則，它還可以指定要將哪些文件添加到版本管理中。

!src/ 不過濾該文件夾
!*.zip 不過濾所有.zip文件
!/mtk/do.c 不過濾該文件

1、配置語法：

以斜杠/開頭表示目錄；
以星號*通配多個字符；
以問號?通配單個字符
以方括號[]包含單個字符的匹配列表；
以嘆號!表示不忽略(跟蹤)匹配到的文件或目錄；

此外，git 對于 .ignore 配置文件是按行從上到下進行規(guī)則匹配的，意味著如果前面的規(guī)則匹配的范圍更大，則后面的規(guī)則將不會生效；

2、示例說明
a、規(guī)則：fd1/*
說明：忽略目錄 fd1 下的全部內(nèi)容；注意，不管是根目錄下的 /fd1/ 目錄，還是某個子目錄 /child/fd1/ 目錄，都會被忽略；
b、規(guī)則：/fd1/*
說明：忽略根目錄下的 /fd1/ 目錄的全部內(nèi)容；
c、規(guī)則：
/*
!.gitignore
!/fw/bin/
!/fw/sf/
說明：忽略全部內(nèi)容，但是不忽略 .gitignore 文件、根目錄下的 /fw/bin/ 和 /fw/sf/ 目錄；

3、創(chuàng)建.gitignore文件
(1) 常規(guī)的windows操作

根目錄下創(chuàng)建gitignore.txt；
編輯gitignore.txt，寫下你的規(guī)則，例如加上node_modules/；
打開命令行窗口，切換到根目錄（可以直接在文件夾上面的地址欄輸入cmd回車）；
執(zhí)行命令ren gitignore.txt .gitignore。

(2) 用Git Bash

根目錄下右鍵選擇“Git Bash Here”進入bash命令窗口；
輸入vim .gitignore或touch .gitignore命令，打開文件（沒有文件會自動創(chuàng)建）；
按i鍵切換到編輯狀態(tài)，輸入規(guī)則，例如node_modules/，然后按Esc鍵退出編輯，輸入:wq保存退出。

如圖：

# dependencies npm包文件
/node_modules

# production 打包文件
/build

# misc 
.DS_Store

npm-debug.log*

**DS_Store：**這個文件是Mac OS X用來存儲文件夾的一些諸如自定義圖標，ICON位置尺寸，窗口位置，顯示列表種類以及一些像窗體自定義背景樣式，顏色這樣的元信息。默認情況下，Mac OS X下的每個文件夾下應該都會生成一個，包括網(wǎng)絡介質(zhì)存儲盤和U盤這樣的外部設備。

在這里插入圖片描述