前端自动化打包部署nginx目录下

• 查看是否安装git

git --version

没有安装参考 linux Git 安装

• 查看是否安装node+npm

node -v
npm -v

没有安装参考 linux Node 安装

• 创建存放项目目录

mrdir developer
cd developer
mrdir git-repository
cd git-repository

• 克隆项目

git clone https://github.com/xx/test.git

• 安装项目所需依赖

cd test
npm install

ok,这样我们项目初始化工作完成了。 下面编写自动化打包部署脚本

echo "====进入git项目vue-webpack===="
cd /developer/git-repository/vue-webpack

echo "====git切换分支到nnmal===="
git checkout nnmal


echo "====查看分支===="
git branch

git fetch

git pull

echo "====删除原来的dist===="
rm -rf dist

echo "====执行打包===="
npm run build


echo "================打包等待 10s=========================" 
for i in {1..10} 
do 
    echo $i"s" 
    sleep 1s 
done 

echo "======进入nginx部署目录======"
cd /usr/local/nginx/html/xkweb

echo "====删除原来的dist1"
rm -rf dist1

echo "====备份nginx下的前端资源"
mv dist dist1

echo "把git下打包的copy到Nginx目录下"
cp  /developer/git-repository/vue-webpack/dist /usr/local/nginx/html/xkweb

脚本命名为 npmBuild.sh

• 上传脚本 到 /developer/git-repository/

• 执行脚本

./npmBuild.sh

发现报错

No such file or directory

在window平台下，写好shell脚本文件，迁移到linux平台，赋过可执行权限，执行该sh文件，
却提示No such file or directory。ls 了下，确实有该文件,解决如下

• 编辑脚本

vim npmBuild.sh

• 输入

:set ff 

回车，显示fileformat=dos，重新设置下文件格式，输入：

:set ff=unix 

保存退出 再次执行脚本 发现OK

• 完整环境搭建及项目部署

生产服务器搭建