什么是JavaScript混淆，什么时候使用

混淆是故意制造混淆代码的行为，即让人难以理解的源代码或机器码。它类似于加密，但机器能够理解代码并能够执行:它。

混淆可以用来隐藏来自外部世界的业务逻辑，它将大大减少文件的大小，因此服务器和客户机之间的数据传输速度会很快。

缩小化也是一种混淆，在这里清空空空间，并重新命名变量。

在JavaScript中，浏览器不能执行加密的代码，而浏览器会执行混淆代码。

加密的代码总是需要解密才能被执行。

混淆的代码不需要去混淆来执行。

总之，混淆JavaScript代码很好。

如果你是全局安装的，可以直接在需要混淆文件的目录下，

按住shift键右击鼠标选择在此处打开命令窗口如图

2.打开窗口后直接在窗口执行

uglifyjs main.js demo.js -o foo.min.js --source-map foo.min.js.map --source-map-root http://onbook.me -p 5 -c -m --wrap --export-all

混淆文件main.js和demo.js生成foo.min.js和foo.min.js.map并指定map的来源网站

3.另一种使用方式是，把UglifyJS2包放到程序中，通过API对JS文件或JS代码进行压缩。首先，新建一个NPM项目文件package.json，然后在是下载UglifyJS2依赖包。

新建文件package.json

{

  "name": "nodejs-uglifyjs2",

  "version": "0.0.1",

  "description": "uglifyjs2",

  "author": "Conan Zhang ",

  "dependencies": {

  }

}

4.执行npm install uglify-js --save下载UglifyJS2依赖包

5.安装完成后

新建test.js开始测试

var UglifyJS = require('uglify-js')

 

//代码压缩

var result = UglifyJS.minify("var b = function () {}", {fromString: true})

console.log("\n===========================")

console.log(result)

 

//文件压缩

result = UglifyJS.minify(["demo.js"])

console.log("\n===========================")

console.log(result.code)

//多文件压缩，指定source map和网站来源

result = UglifyJS.minify(["main.js","demo.js"],{

    outSourceMap: "out.js.map",

    sourceRoot: "http://onbook.me",

    mangle:true

})

console.log("\n===========================")

console.log(result.code)

console.log(result.map)

---