Django-React-Webpack前后端集成示例

django 项目里搞前后端分离?django-react-webpack这个仓库挺合适。它是对一篇“用 Webpack 在 Django 里搭 React”的教程的更新版,改动比较及时,配置也比较清爽,适合你自己搭环境或者参考使用。整个项目把React通过Webpack打包后集成进了 Django,逻辑还挺清晰,尤其对静态文件和开发环境的搭建,有不少实用的点子。

Webpack 那块用得比较灵活,不光支持热重载,还配置了像Babel这种必要的转换工具,能帮你把 JSX 转成浏览器能跑的代码。webpack.config.js写得也比较简洁,适合理解和改造。

你要是平时喜欢用Django REST Framework做接口,这个项目也留了空间让你扩展。React 那边你可以用自己的组件库,也能接入像React Router这种做单页路由的方案。

部署方面,它也考虑得蛮周到的,能让你一步步走向正式环境。比如用collectstatic管理静态资源、结合Gunicorn或者Nginx做部署都没问题。你要做一个现代化的 Django 前后端项目,这套思路蛮值得学的。

如果你对 Webpack 配置还不是熟,可以配合django-webpack-loader一起看,理解更深入。如果你更想直接上手一个完整的样板,Django-React-Boilerplate也不错。

zip 文件大小:288.69KB