4

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

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

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

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

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

有替代方案吗？

提前感谢您的回答！

4

1 回答 1

2

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

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

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

最重要的是，您可以使用webpack 实时重新加载插件和实时重新加载浏览器扩展来在您的资产更改时自动重新加载。

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

于 2017-10-18T19:22:00.617 回答