@hr-components-dev/cli
v1.2.9
Published
本项目是江西淮然科技有限公司专门开发的组件化脚手架工具，旨在提升前端开发效率，统一组件开发规范，并支持组件加密保护功能。
Maintainers
dopReadme
江西淮然科技有限公司 - HR Components CLI 脚手架
项目概述
本项目是江西淮然科技有限公司专门开发的组件化脚手架工具，旨在提升前端开发效率，统一组件开发规范，并支持组件加密保护功能。
主要特性
- ✅ Vue 3 + TypeScript 支持 - 基于最新的 Vue 3 Composition API 和 TypeScript 类型安全
- 🔐 组件加密保护 - 提供组件代码加密和解密功能，保护知识产权
- 🧩 组件化开发 - 支持快速开发和集成自定义组件
- ⚡ Vite 构建 - 使用 Vite 进行快速构建和热更新
快速开始
环境要求
- Node.js >= 14.0.0
- npm 或 yarn 包管理器
安装与启动
# 克隆项目
git clone <repository-url>
# 进入项目目录
cd hr-components-cli
# 安装依赖
npm install
# 启动开发模式
npm run dev
├── src/ # 源代码目录
│ ├── components/ # 可复用组件
│ ├── views/ # 页面视图
│ └── utils/ # 工具函数
├── dist/ # 构建输出目录
├── types/ # TypeScript 类型定义
├── decrypt.js # Node.js 环境解密脚本
└── README.md # 项目说明文档
解密
1. Node 环境项目
// decrypt.js
const fs = require('fs');
const CryptoJS = require('crypto-js');
// 读取加密文件内容（纯 Base64 字符串）
const encryptedContent = fs.readFileSync('./dist/your-component/index.js', 'utf8');
// 解密
const bytes = CryptoJS.AES.decrypt(encryptedContent, 'your-password-here');
const originalCode = bytes.toString(CryptoJS.enc.Utf8);
if (!originalCode) {
console.error('❌ 解密失败：密码错误或文件损坏');
process.exit(1);
}
console.log('✅ 解密成功！');
console.log(originalCode); // 原始 JS 代码
// 可选：写入新文件
fs.writeFileSync('./dist/your-component/index.decrypted.js', originalCode);
2. 浏览器环境项目
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>组件解密加载</title>
<!-- 引入 CryptoJS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/crypto-js.min.js"></script>
</head>
<body>
<script>
// 模拟从服务器获取加密内容（实际可通过 fetch 获取）
const encryptedContent = `...`; // ← 替换为你的加密字符串
const password = prompt("请输入解密密码：");
if (!password) {
alert("需要密码才能加载组件！");
throw new Error("No password provided");
}
try {
const bytes = CryptoJS.AES.decrypt(encryptedContent, password);
const originalCode = bytes.toString(CryptoJS.enc.Utf8);
if (!originalCode) throw new Error("无效密码");
// 执行原始代码（适用于 IIFE 或 UMD 格式）
new Function(originalCode)();
console.log("✅ 组件已解密并加载");
} catch (e) {
console.error("❌ 解密失败:", e);
alert("密码错误或组件损坏！");
}
</script>
</body>
</html>