码迷,mamicode.com
首页 > 系统相关 > 详细

linux 前端环境搭建

时间:2018-02-02 14:22:05      阅读:735      评论:0      收藏:0      [点我收藏+]

标签:pack   dir   2.3   file   路径   自动化   webp   复制   $path   

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 前端环境搭建

标签:pack   dir   2.3   file   路径   自动化   webp   复制   $path   

原文地址:https://www.cnblogs.com/silences/p/8404291.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!