[[358410]]

一般開發中在 Mac 上開發程序，并使用 Git 進行版本管理，在使用 React 編寫 Component 時，組件名一般建議首字母大寫。

「有些同學對 React 組件的文件進行命名時，剛開始是小寫，后來為了保持團隊一致，又改成了大寫，然而 git 不會發現大小寫的變化，此時就出了問題。」

再梳理一遍這個邏輯：

1. 小明編寫組件 button.js，提交代碼
2. 小明覺得組件命名不妥，改為 Button.js
3. 小明并修改所有文件對它的引用，本地環境運行正常，提交代碼
4. 構建服務器通過 Git 拉取代碼，進行構建，Git 為認識到 button.js 大小寫發生變化，所有引用 Button.js 的組件發生報錯，失敗

來重現一下犯錯的這個過程：

# 剛開始 test 文件是由內容的 
~/Documents/ignorecase-test(master ✔) cat test 
hello 
 
# 把 test 文件改成首字母大寫的 Test 文件 
~/Documents/ignorecase-test(master ✔) mv test Test 
 
# 注意此時 git status 并沒有發生改變 
~/Documents/ignorecase-test(master ✔) 
~/Documents/ignorecase-test(master ✔) git ls-files 
test 
~/Documents/ignorecase-test(master ✔) ls 
Test 

解決方案

通過 git mv，在 Git 暫存區中再更改一遍文件大小寫解決問題

$ git mv test Test 

但是修改文件夾時會出現一些問題：

fatal: renaming 'dir' failed: Invalid argument

使用下邊這個笨辦法修改：

$ git mv dir DirTemp 
$ git mv DirTemp Dir 

預防方案

那有沒有什么預防措施?

「Git 默認是忽略大小寫的，如果改成不忽略大小寫是不就可以了?不行，這樣會產生更麻煩的問題。」

更改為不忽略大小寫

[core] 
  ignorecase = false 

以下是產生的問題：

1. 「修改文件名時，Git 工作區中一下子增加了兩個文件，并且無法刪除」
2. 「git rm 刪除文件時，工作區的兩個文件都被刪除」

~/Documents/ignorecase-test(master ✔) ls 
test 
~/Documents/ignorecase-test(master ✔) mv test Test 
~/Documents/ignorecase-test(master ✗) ls 
Test 
~/Documents/ignorecase-test(master ✗) git status 
On branch master 
Untracked files: 
  (use "git add <file>..." to include in what will be committed) 
        Test 
 
nothing added to commit but untracked files present (use "git add" to track) 
~/Documents/ignorecase-test(master ✗) git add -A 
~/Documents/ignorecase-test(master ✗) git ls-files 
Test 
test 
~/Documents/ignorecase-test(master ✗) git rm test 
rm 'test' 
~/Documents/ignorecase-test(master ✗) git add -A 
~/Documents/ignorecase-test(master ✗) git ls-files 
~/Documents/ignorecase-test(master ✗) 

總結

使用 git mv -f 和 mv 同時更改文件名，避免本地文件系統與倉庫中代碼不一致。

本文轉載自微信公眾號「全棧成長之路」，可以通過以下二維碼關注。轉載本文請聯系全棧成長之路公眾號。