在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完成的。