前端项目代码加密教程

序
　　我们都知道，浏览器上是可以看到前端的html和js代码的，所以如果遇到隐私心比较强的老板，你就冷不丁的会接受到一个代码加密的需求，当接受到这个需求的时候你怎么完成？那我希望我的这篇博客可以帮助到你。

首先，告诉你的老板，严格意义上的加密是不存在的，能够实现的只有对前端代码进行压缩混淆，增加阅读难度。

本篇教程全篇描述的，就是对代码进行混淆的手段，从而满足老板提出的加密需求。

为了保证本篇教程真实可用，我将使用一台新的Windows系统，从无到有进行演示，同时将操作流程记录在这里，供你参考，也希望能够帮你跳过一些坑，如果你遇到什么问题，请留言讨论。

安装NodeJs
　　如果你没安装过node，请跟着教程走，如果你安装过，请直接跳到下一节。

下载地址：http://nodejs.cn/download/

直接下载安装，安装的过程是傻瓜式的下一步，唯一可以改变的是安装位置。

安装完成后打开cmd命令行，查看版本号是为了确认是否安装成功。

安装插件
　　切换到项目根目录：

安装gulp插件包：npm install --save-dev gulp

效果如图：

别急，还有很多包，命令一条一条刷起来：

npm install --save-dev del

npm install --save-dev gulp-concat

npm install --save-dev gulp-header

npm install --save-dev gulp-if

npm install --save-dev gulp-minify-css

npm install --save-dev gulp-htmlmin

npm install --save-dev gulp-rename

npm install --sav