时间戳

首页 > 解决方案 > 有没有办法在同一个项目中运行 React + Django 而无需一次又一次地运行 npm run build ？

django - 有没有办法在同一个项目中运行 React + Django 而无需一次又一次地运行 npm run build ？

问题描述

我对 Django 有足够的了解，并且最近学习了 react，我喜欢将两者结合起来。

我已经浏览了几个视频教程，并且成功地整合了它们。

但问题是我应该在两个不同的项目中构建一个rest API和一个react应用程序并将它们组合起来，或者我npm run build每次在前端进行任何更改时都需要运行。

因此，如果有人对此有替代方案（在 Django 服务器上连续运行 React 而不会build一次又一次地运行），请告诉我。

标签： djangoreactjsdjango-rest-framework

解决方案

在您的 package.json 文件中将有如下脚本标记，

 "scripts": {
    "dev": "webpack  --mode development ./src/index.js --output ./static/frontend/main.js",
    "build": "webpack --mode production ./src/index.js --output ./static/frontend/main.js"
  },

--watch使用开发脚本添加标签，如下所示，

 "scripts": {
    "dev": "webpack --watch --mode development ./src/index.js --output ./static/frontend/main.js",
    "build": "webpack --mode production ./src/index.js --output ./static/frontend/main.js"
  },

然后做npm run dev

所以 JS 会运行而不会中断。即使你在 React 中更改文件，它也会自动更新并运行。

文件结构可能会根据您的项目而有所不同，但逻辑是相同的

推荐阅读