1.下載node.js

2.在linux 裏使用wget命令

wget https://nodejs.org/dist/latest-v6.x/node-v6.12.3-linux-x64.tar.gz

3.解壓縮

 tar -xzvf node-v6.12.3-linux-x64.tar.gz 

4.將node 移到 /usr/local目錄下

cd /usr/local
mv ~/node-v6.12.3-linux-x64 ./

5.添加環境變量

vim /etc/profile

6.添加node 路徑

 
NODE_HOME=/usr/local/node-v6.12.3-linux-
 
x64

PATH=$PATH:$JAVA_HOME/bin:$NODE_HOME/bin

export PATH JAVA_HOME CLASSPATH NODE_HOME

7.重新加載文件

 source /etc/profile

8.安裝webpack

npm install webpack -g

9.創建git 代碼目錄

10.安裝git

 yum -y install git

11.拉代碼

git clone 

12.進入項目文件夾,安裝依賴

npm install  --registry=https://registry.npm.taobao.org
 

13.打包 這裏執行

npm run mydist

14.創建生產文件夾

cd /
mkdir product
cd product
#前端項目目錄
mkdir frontend                           
cd frontend
#項目目錄
mkdir mall-fe

15.將dist 文件復制到 項目目錄下

mv /developer/git-repository/mall-fe/dist   /product/frontend/mall-fe/dist

16.編寫自動化腳本將上面的發布過程自動化

在 /developer 目錄下創建並編輯 vim fe-deploy.sh

#
GIT_HOME=/developer/git-repository/
DEST_PATH=/product/frontend/
#cd dir
 if [ ! -n "$1" ];
   then
   echo -e "please enter name!"
   exit
 fi
 if [ $1 = "mall-fe" ];
   then
    echo -e "========Enter mall-fe================"
    cd $GIT_HOME$1
   else
   echo -e "not found!"
   exit
fi
#clear git dist
  echo -e "========Clear Git Dist================"
rm -rf ./dist

#git
  echo -e "=======git checkout master================"
  git checkout master
  echo -e "=======git pull================"
  git pull
  echo -e "=======npm install================"
  npm install --registry=https://registry.npm.taobao.org 
         
#npm run mydist
 echo -e "=======npm run mydist================"
 npm run mydist 
 if [ -d "./dist" ];
   then      
   #backup dest
echo -e "================backup dist====================="
  
   rm -rf $DEST_PATH$1/back/dist 
   mv $DEST_PATH$1/dist $DEST_PATH$1/back/dist
   #copy
   echo -e "=======copy================"
   cp -R $GIT_HOME$1/dist $DEST_PATH$1
   #echo result
   echo "======= Deploy Success================"
   else
   echo "======= Deploy Error================"
   fi

執行./fe-deploy.sh mall-fe 就可以進行自動化發布了

linux 前端環境搭建