django - Vue 和 Django 开发环境

Question

出于学习目的，我刚刚开始了一个新的小项目，我想尝试使用 Django(使用 DRF)的 Vue js。我正在尝试使用 vue 加载器(webpack-简单模板)。

问题是我不知道如何同步npm run dev 和python manage.py runserver。我不知道如何访问由 django 在 webpack-dev-server 中呈现的模板。

我的意思是我有一个带有 django-template 特定关键字的模板，例如 {% load static %} 显然不是由 webpack-dev-server 处理的。

我知道我可以在每次 npm run build 时构建它，但每次我想做一些小改动时，等待它有点烦人和无聊。

在 webpack 中，它被指定在默认的 index.html 文件上运行，我如何使用 python manage 让它在 127.0.0.1:8000 上实际呈现的模板上工作.py runserver 正在运行？我知道运行 2 个开发服务器没有任何意义，但我不知道如何用其他方式解释。

还有其他选择吗？

预先感谢您的回答!

Answer 1

正常运行 Django 服务器。 webpack 不应提供您的文件。它应该只构建它们(使用 webpack 开发设置和 webpack --watch)并让 webpack 将它们放在 Django 项目的静态目录中，例如

// in your webpack config
output: {
    path: path.resolve(__dirname, 'project/static/js')
}

这样 Django 可以提供通过 webpack 管道运行的文件。

在顶部你可以使用 the webpack live reload plugin以及当您的 Assets 发生变化时自动重新加载的实时重新加载浏览器扩展。

当您准备好提交更改时，在生产模式下构建文件并在静态目录中提交构建文件。