Webpack 实战教程 - 前端工程化解决方案

这是一个使用 MkDocs 构建的 webpack 实战教程，采用 Material for MkDocs 主题，提供了现代化的文档阅读体验。

📖 在线阅读

访问 https://webtechwiki.github.io/studywebpack/ 在线阅读文档。

🚀 本地开发

安装依赖

pip install -r requirements.txt

本地预览

mkdocs serve

然后在浏览器中访问 http://127.0.0.1:8000

构建静态文件

mkdocs build

📚 内容目录

1. webpack基础使用 - 了解webpack的基本概念和使用方法
2. webpack插件 - 学习如何使用和配置webpack插件
3. webpack加载器 - 掌握各种loader的使用技巧
4. 打包构建 - 学习项目的打包和构建流程
5. SourceMap - 了解源码映射的配置和使用
6. 总结 - 回顾和总结webpack的核心知识点

🎨 特性

• 📱 响应式设计，支持移动端阅读
• 🌙 支持暗色/亮色主题切换
• 🔍 全文搜索功能
• 📝 代码高亮和复制功能
• 🔗 自动生成导航和目录
• ⚡ 快速加载和流畅体验

🛠 技术栈

• MkDocs - 静态站点生成器
• Material for MkDocs - 现代化主题
• GitHub Actions - 自动化部署
• GitHub Pages - 静态网站托管

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目！