132 lines
2.7 KiB
Markdown
132 lines
2.7 KiB
Markdown
# 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
|
||
|