第一步.在项目根目录下安装插件
npm install javascript-obfuscator -g
安装完成后，javascript-obfuscator就是一个独立的可执行命令了。
javascript-obfuscator -v
第二步：HbuilderX点击发行按钮，打包代码到dist文件中
小程序发行后代码会自动打包到unpackage/dist/build文件中（生产环境）
unpackage/dist/dev文件是发行旁边的运行按钮打包出来的文件（开发环境）
第三步：创建一个运行脚本
1.在自己项目根目录下创建一个build.bat脚本文件（最好是在unpackage/dist文件根目录下创建）
文件内容为：
D:
javascript-obfuscator D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/user --output D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/user && javascript-obfuscator D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/devicePages/common --output D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/devicePages/common
以上代码表示混淆本地文件D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/user 输出到本地文件D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/user 并且混淆本地文件D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/devicePages/common输出到本地文件D:/work-project/zycx/zycx-develop/eam-weapp/eam-weapp/unpackage/dist/build/mp-weixin/pages/devicePages/common
ps：如果输入文件和混淆文件为同一个文件代表把混淆后的文件覆盖原本的文件
第四步：双击这个build.bat文件，输出混淆文件表示混淆成功。
混淆完成弹窗会自动关闭，查看混淆后的文件和混淆前的样子还是有区别的哦~文章来源：https://www.toymoban.com/news/detail-594126.html
第五步：在HbuilderX点击发行后可以直接点击混淆，不需要执行文件
以上的方法已经可以完成代码混淆了，但是是不是觉得有点麻烦呢，每次点完发行还要再去找到.bat文件去执行。直接把执行.bat文件代码写入HbuilderX中。
点击【工具】=>【外部命令】=>【自定义外部命令】
把.bat文件写入command中，保存
以上步骤完成后，你右击文件目录就可以看到混淆的命令拉，点击【混淆】。黑窗口就自动弹出混淆拉~，到这里就完成拉，然后你就可以看到微信开发者工具中你即将要上传的代码中部分被混淆了！
文章来源地址https://www.toymoban.com/news/detail-594126.html
到了这里，关于uniapp一键发行代码并混淆代码的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
