在linux服務器上進行vue2的動態編譯

之前有提到,我這邊進行的前端項目是基於vue2搭建的,編譯一直是在本地進行的,然後合併到master分支上,再上線代碼,這樣做有一個問題就是,因爲編譯後的dist目錄時存在於git代碼庫裏的,後期分支多了,開發人員多了,經常merge和pull操作的時候,dist目錄經常會發生衝突!so,正確的做法是把dist目錄從git代碼庫裏去掉,只保留src源文件,而編譯的過程放到server上進行。

說起來容易,真正做起來還真是踩了不少的坑!特地總結在此,希望能幫到大家。

1.從官網https://nodejs.org/en/download/下載LTS版本,即穩定版本的nodejs壓縮包。


注:這裏要注意的是,linux上必須安裝LTS穩定版,還有就是要先查linux服務器的系統位數,指令是uname -a,x86_64則說明你是64位內核, 跑的是64位的系統,i386, i686說明你是32位的內核, 跑的是32位的系統。

2.登錄linux,指定node的安裝目錄,/usr/local,新建node文件夾

3.在node文件夾下,解壓縮剛纔的tar包,指令tar -xvf   node-v6.11.2-linux-x64.tar.xz

4.建立npm和node的軟鏈接,全局可以使用
ln -s /usr/local/nodejs/node-v6.11.3-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/node-v6.11.3-linux-x64/bin/npm /usr/local/bin/npm
5.如果上面步驟都正確的話,就可以node - v和npm -v查看版本了

6.到front_xxx目錄 執行npm install在server上安裝項目依賴

7.npm run build 完成!

我們這邊發版的話,用的瓦力發佈系統,所以上述6&7的步驟,在線上環境的話,會是用shell完成的。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章