你是不是会担心有专业人员通过你写的JavaScript语法来判断你的接口数据，今天就介绍一种可以封装你写的JavaScript的工具
环境：Windows10、node20.11.1、Vue/cli 5.0.8
uglify-js 是一个流行的 JavaScript 压缩工具，用于减少 JavaScript 文件的大小并混淆代码，从而使其难以阅读和逆向工程。它通过删除空白、注释、简化代码结构和重命名变量等方式来实现代码压缩和混淆。
以下是使用 uglify-js 工具的步骤：
1. 安装 uglify-js
首先，你需要在全局范围内安装 uglify-js 工具。你可以使用 npm（Node.js 包管理器）来安装它：
npm install uglify-js -g
我使用这条命令不能正常下载，于是我更换成cnpm进行下载
安装 cnpm
首先，你需要全局安装 cnpm。在终端中运行以下命令：
npm install -g cnpm --registry=https://registry.npmmirror.com
然后使用下面进行下载
cnpm install uglify-js -g
确认安装
安装完成后，你可以使用以下命令来确认 uglify-js 是否已成功安装：
npm list -g --depth=0
查看版本信息
uglifyjs --version
出现问题
1、命令行后出现下面问题
'uglifyjs' 不是内部或外部命令，也不是可运行的程序或批处理文件。
2、添加环境变量
操作：右键此电脑 - 属性 - 高级系统设置 - 环境变量 - 系统变量 - 找到Path
3、获取方式
npm config get prefix
4、手动添加下面这一行 *** 表示你的路径
D:\***\***\node_modules\uglify-js\bin
5、添加
6、一定要重启命令窗口
2. 使用 uglify-js 压缩和混淆 JavaScript 文件
安装完成后，你可以使用 uglify-js 命令来压缩和混淆 JavaScript 文件。以下是一个简单的示例，假设你有一个名为 input.js 的文件：
input.js
javascript复制代码(function() {
const apiEndpoint = "https://api.example.com/data";
function fetchData() {
fetch(apiEndpoint)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
}
fetchData();
})();
你可以使用以下命令来压缩和混淆这个文件：
uglifyjs input.js -o output.min.js
上述命令将 input.js 文件压缩和混淆，并将结果输出到 output.min.js 文件中。
当但你也可以添加版本信息，下面是示例：
/*!
* Project Name - v1.0.0
* Description: This JavaScript file handles the user interface interactions.
* Author: Your Name
* Date: 2024-07-29
* License: MIT
*/
把这个放在你压缩之后的文件的最上面一行，大功告成!!!
