Question

我刚开始一个新的小项目用于学习目的，我想用Django（带DRF）试用Vue js。我试图使用vue loader（webpack-simple模板）。

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

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

我知道我可以每次npm run build建立它，但是每次我想做一些改变时，等待它都有点烦人和无聊。

在webpack中，它被指定在默认的index.html文件上运行，如何在运行python manage.py runserver的127.0.0.1:8000上实际呈现的模板上运行它？我知道运行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和实时重新加载浏览器扩展程序在资产发生变化时自动重新加载。

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