npm下使用babel和uglifyjs来转换es6代码压缩混淆

npm下使用babel和uglifyjs来转换es6代码压缩混淆

npm下使用babel和uglifyjs来转换es6代码压缩混淆

babel是一款js代码转换工具,可以将高级别的es6转换成es5,以适应不同的浏览器能够执行,这个东西的出现也是由于浏览器太多,每个浏览器执行的标准有些许差别,我相信以后会统一的。

uglifyjs从字面解释就是丑陋的js,这不是讽刺js,而是通过这个工具的压缩和混淆,js代码将变得不可读,也就是丑陋的意思。

今天我们就叫大家在npm下先执行es6代码转es5,然后再执行混淆压缩

一、babel转换es6代码

生成包管理配置文件package.json

npm init -y

安装转换工具

npm i -g babel-cli
npm i --save-dev babel-preset-es2015 babel-cli


新建.babelrc文件中并写入如下内容

{
"presets": [
"es2015"
],
"plugins": []
}

来测试一下转换效果
在test.js中写入es6的语法

"user strict"
var func = (x,y) => {
return x+y
}
console.log(func(2,3))


编译文件

babel test.js -o test.js

ok,没有报错就是执行完了

二、uglifyjs混淆压缩

安装uglifyjs

npm install uglify-js -g

 执行混淆压缩

uglifyjs test.js -m -o test.min.js

{{collectdata}}

网友评论0