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也不错。
288.69KB
文件大小:
评论区