对于jenkins上前端项目 npm 或 yarn 打包 及 部署 使用

1.npm和yarn镜像源地址

npmMirror ~~~~~ https://skimdb.npmjs.com/registry/
edunpm   ~~~~~~ http://registry.enpmjs.org/
taobao   ~~~~~~ https://registry.npm.taobao.org/
cnpm     ~~~~~~ http://r.cnpmjs.org/
npm      ~~~~~~ https://registry.npmjs.org/
yarn     ~~~~~~ https://registry.yarnpkg.com/
nj       ~~~~~~ https://registry.nodejitsu.com/

2.Yarn

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了： npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。

同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。
(1)"5.0.3" ：表示安装指定的5.0.3版本
(2)"~5.0.3"：表示安装5.0.X中最新的版本
(3)"^5.0.3"：表示安装5.X.X中最新的版本

这就麻烦了，常常会出现同一个项目，有的同事是OK的，有的同事会由于安装的版本不一致出现bug。

2.1安装yarn

#官网地址
https://www.yarnpkg.com/en/docs/install#centos-stable

[root@node ~]# curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo

[root@node ~]# curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -

[root@node ~]# yum -y install yarn

2.2.yarn优点

 速度快 。速度快主要来自以下两个方面：
（1）并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。
（2）离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

2.3.yarn命令

# cd /home/meisapp/.jenkins/workspace/"前端项目目录"

#更换yarn源为淘宝源
yarn config set registry https://registry.npm.taobao.org/

#检查yarn当前源
yarn config get registry

#安装依赖
yarn install

#yarn构建前端项目
yarn run build:dev

3.npm

npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。
npm的初衷：JavaScript开发人员更容易分享和重用代码。

3.1.使用场景

（1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。
（2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
（3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

3.2.npm部署

1.root 登录linux

2.没有目录就自己创建一个
cd /home/meisapp/node/

3.下载安装包
wget https://npm.taobao.org/mirrors/node/v4.4.7/node-v4.4.7-linux-x64.tar.gz

4.解压安装包
tar -zxvf node-v4.4.7-linux-x64.tar.gz

5.移除安装包
rm -rf node-v4.4.7-linux-x64.tar.gz

6.建立软连接
ln -s /home/meisapp/node/node-v4.4.7-linux-x64/bin/npm /usr/local/bin/npm
ln -s /home/meisapp/node/node-v4.4.7-linux-x64/bin/node /usr/local/bin/node

7.查看npm版本
npm -v

8.npm升级，@后面是版本号
npm i -g npm@3.3.1


安装完成。

3.3.npm命令

# cd /home/meisapp/.jenkins/workspace/"前端项目目录"

#更换yarn源为淘宝源
npm config set registry https://registry.npm.taobao.org/

#检查yarn当前源
npm config get registry

#安装依赖
npm install

#yarn构建前端项目
npm run build:dev