# 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