使用 webpack 进行反应的 django rest 框架

django rest frame work with react using webpack

我看到帖子后成功连接DRF反应。 https://www.valentinog.com/blog/drf/

但是当服务器 运行 处于开发模式时,无法通过键入短语进行实时屏幕更新。

"webpack --mode development ./src/index.js --output-path ./static/frontend/main.js"

您可能需要实施一些缓存清除,以便在您刷新页面时获取新版本的资产。这是 webpack 配置的一部分。请参阅 this article 关于缓存清除的内容。

当 link 访问您 HTML 中的文件时:

<script src="index.js"></script>

浏览器只会加载一次。随后它不会再次从服务器加载它,因为它认为它已经缓存了文件。为了绕过这个 webpack 可以输出一个唯一的内容哈希到文件名中,这样每次文件更新时,浏览器就会明白它不能使用缓存的版本。

<script src="index.cf532g.js"></script>
我写的

This blog post 解释了如何使用 webpack 和 django 实现缓存清除。它具有 django-manifest-loader,我写的一个包,以便 link 将两者结合在一起。