admin_core/demo-project/CHANGELOG.md

Demo Project 更新日志

[最新更新] - 2025-10-08

✅ 添加 Source Map 支持

新增功能：

• ✅ 完整的 Source Map 支持
• ✅ 开发模式使用 eval-source-map
• ✅ 生产模式使用 source-map
• ✅ CSS/Less 也启用了 source map
• ✅ 创建了详细的调试指南

好处：

• 🐛 可以在浏览器中直接调试源码
• 🔍 支持断点调试
• 📍 精确定位到源码行和列
• 🎯 可以调试框架源码和业务代码

文档：

• 新增 调试指南.md
• 更新 README.md 添加调试说明

---

[2025-10-08] - 修改为使用框架源码

重要变更：

• ✅ 现在直接使用框架源码而不是打包文件
• ✅ 更方便调试和开发
• ✅ 更新了 webpack 和 babel 配置

📦 需要重新安装依赖

由于添加了新的依赖，请重新安装：

cd demo-project

# 删除旧的依赖（可选）
rm -rf node_modules
rm package-lock.json

# 重新安装
npm install

🔄 主要更新内容

1. main.js

// 之前：使用打包文件
import AdminFramework from './libs/admin-framework.js'

// 现在：使用源码
import AdminFramework from '../../src/index.js'

2. webpack.config.js

添加了框架源码的路径别名：

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 支持：

presets: [
  '@babel/preset-env',
  '@vue/babel-preset-jsx'  // ← 新增
]

4. package.json

新增依赖：

• @vue/babel-preset-jsx - JSX 支持
• brace - 代码编辑器
• vue2-ace-editor - Ace 编辑器

🚀 启动项目

# 安装依赖
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