1

demo-project/CHANGELOG.md

@@ -0,0 +1,131 @@
+# Demo Project 更新日志
+
+## [最新更新] - 2025-10-08
+
+### ✅ 添加 Source Map 支持
+
+**新增功能**：
+- ✅ 完整的 Source Map 支持
+- ✅ 开发模式使用 `eval-source-map`
+- ✅ 生产模式使用 `source-map`
+- ✅ CSS/Less 也启用了 source map
+- ✅ 创建了详细的调试指南
+
+**好处**：
+- 🐛 可以在浏览器中直接调试源码
+- 🔍 支持断点调试
+- 📍 精确定位到源码行和列
+- 🎯 可以调试框架源码和业务代码
+
+**文档**：
+- 新增 [调试指南.md](./调试指南.md)
+- 更新 [README.md](./README.md) 添加调试说明
+
+---
+
+## [2025-10-08] - 修改为使用框架源码
+
+**重要变更**：
+- ✅ 现在直接使用框架源码而不是打包文件
+- ✅ 更方便调试和开发
+- ✅ 更新了 webpack 和 babel 配置
+
+### 📦 需要重新安装依赖
+
+由于添加了新的依赖，请重新安装：
+
+```bash
+cd demo-project
+
+# 删除旧的依赖（可选）
+rm -rf node_modules
+rm package-lock.json
+
+# 重新安装
+npm install
+```
+
+### 🔄 主要更新内容
+
+#### 1. main.js
+```javascript
+// 之前：使用打包文件
+import AdminFramework from './libs/admin-framework.js'
+
+// 现在：使用源码
+import AdminFramework from '../../src/index.js'
+```
+
+#### 2. webpack.config.js
+添加了框架源码的路径别名：
+```javascript
+alias: {
+  '@': path.resolve(__dirname, 'src'),
+  '@component': path.resolve(__dirname, '../src/components'),
+  '@utils': path.resolve(__dirname, '../src/utils'),
+  '@api': path.resolve(__dirname, '../src/api'),
+  '@config': path.resolve(__dirname, '../src/config'),
+  '@assets': path.resolve(__dirname, '../src/assets')
+}
+```
+
+#### 3. babel.config.js
+添加了 JSX 支持：
+```javascript
+presets: [
+  '@babel/preset-env',
+  '@vue/babel-preset-jsx'  // ← 新增
+]
+```
+
+#### 4. package.json
+新增依赖：
+- `@vue/babel-preset-jsx` - JSX 支持
+- `brace` - 代码编辑器
+- `vue2-ace-editor` - Ace 编辑器
+
+### 🚀 启动项目
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+```
+
+### ✅ 优势
+
+使用框架源码的好处：
+
+1. **实时调试**
+   - 可以直接修改框架源码查看效果
+   - 无需重新打包框架
+
+2. **开发便利**
+   - 可以在框架源码中添加 console.log
+   - 方便追踪问题
+
+3. **热更新**
+   - 修改框架代码后自动刷新
+   - 开发体验更好
+
+### ⚠️ 注意事项
+
+1. **API 地址已更新**
+   - 从 `http://localhost:3000/api/` 改为 `http://localhost:9098/api/`
+   - 在 `src/config/index.js` 中修改
+
+2. **首次启动**
+   - 需要运行 `npm install` 安装新依赖
+   - Windows 用户可以双击 `start.bat` 自动安装
+
+3. **如果遇到错误**
+   - 删除 `node_modules` 和 `package-lock.json`
+   - 重新运行 `npm install`
+
+---
+
+**更新时间**: 2025-10-08
+**作者**: light
+