快捷導(dǎo)航

vue項(xiàng)目打包后提交到git上為什么沒(méi)有dist這個(gè)文件的解決方法

更新時(shí)間：2020年09月16日 10:32:55 作者：谷歌研發(fā)技術(shù)團(tuán)隊(duì)

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

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

這里會(huì)先介紹.gitignore，不想看的請(qǐng)直接跳過(guò)介紹看解決辦法

一、.gitignore 介紹

這里向大家簡(jiǎn)述一下.gitignore這個(gè)文件
一、簡(jiǎn)紹

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

二、常用的規(guī)則

/mtk/ 過(guò)濾整個(gè)文件夾
*.zip 過(guò)濾所有.zip文件
/mtk/do.c 過(guò)濾某個(gè)具體文件

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

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

1、配置語(yǔ)法：

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

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

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

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

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

(2) 用Git Bash

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

如圖：

# dependencies npm包文件
/node_modules

# production 打包文件
/build

# misc 
.DS_Store

npm-debug.log*

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

在這里插入圖片描述

**npm-debug.log：**項(xiàng)目主目錄下總是會(huì)出現(xiàn)這個(gè)文件，而且不止一個(gè)，原因是npm i 的時(shí)候，如果報(bào)錯(cuò)，就會(huì)增加一個(gè)此文件來(lái)顯示報(bào)錯(cuò)信息，npm install的時(shí)候則不會(huì)出現(xiàn)。

最后需要強(qiáng)調(diào)的一點(diǎn)是，如果你不慎在創(chuàng)建.gitignore文件之前就push了項(xiàng)目，那么即使你在.gitignore文件中寫入新的過(guò)濾規(guī)則，這些規(guī)則也不會(huì)起作用，Git仍然會(huì)對(duì)所有文件進(jìn)行版本管理。

簡(jiǎn)單來(lái)說(shuō)，出現(xiàn)這種問(wèn)題的原因就是Git已經(jīng)開(kāi)始管理這些文件了，所以你無(wú)法再通過(guò)過(guò)濾規(guī)則過(guò)濾它們。因此一定要養(yǎng)成在項(xiàng)目開(kāi)始就創(chuàng)建.gitignore文件的習(xí)慣，否則一旦push，處理起來(lái)會(huì)非常麻煩。

二、解決辦法

找到.gitignore這個(gè)文件，把/dist這一項(xiàng)刪掉。在重新提交git就可以了。

在這里插入圖片描述

總結(jié)

到此這篇關(guān)于vue項(xiàng)目打包后提交到git上為什么沒(méi)有dist這個(gè)文件的解決方法的文章就介紹到這了,更多相關(guān)vue項(xiàng)目打包提交git沒(méi)有dist文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: