问题标签 [django-webpack-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1822 浏览

django - 使用 Django 设置 Webpack

我通过django-webpack-loader在 Django 中开发一个 Vue 应用程序,在本地运行我可以通过在我的base.html文件中使用以下内容来使其工作:

但是,在生产中这不起作用 - 我相信因为 webpack 生产配置使用 CommonChunksPlugin 将包拆分为app,manifestvendor.

将 Webpack 与 Django 合并的在线文档并不多——我想知道是否有办法在 Django 模板中包含所有块。

0 投票
1 回答
2690 浏览

python - 'webpack_loader' 不是注册的标签库

我开始学习一些反应,并尝试学习如何结合 ReactJS 和 Django。我目前正在关注建议的教程here

设置 django url 并安装django-webpack-loader后,我在运行 django 服务器时遇到以下错误:

我目前index.html的情况如下:

我已经尝试继续,并设置其余部分,但似乎没有任何效果。我得到的错误与教程中的错误以及django-webpack-loader包的 github 页面中的错误不同,在这里我看不到任何这样的问题。我在这里找到的类似错误的解决方案并没有解决我的问题,所以我不确定错误在哪里或在哪里。

我试过了:

  • 从字面上复制粘贴教程代码
  • 改造整个项目
  • 几种解决方案,例如创建自定义标签
  • 检查 react(webpack) 服务器是否正在运行

信息:

感谢您的帮助,如果这是一个愚蠢的、易于解决的错误,我们深表歉意。

0 投票
2 回答
2353 浏览

django - 为什么我们要使用 django-webpack-loader?

我同时使用 webpack 和 django。现在我/static/每次都将捆绑的资产移动到 django 的目录中,所以我想做更有效的过程。
我读了一些文章,很多人推荐使用django-webpack-loader,但我不完全理解它的作用。

我已经阅读了下面的官方文件。
https://owais.lone.pw/blog/webpack-plus-reactjs-and-django/
https://406.ch/writing/our-approach-to-configuring-django-webpack-and-manifeststaticfilesstorage/

dist/我认为它是用于收集位于 django 项目之外的捆绑资产,但它似乎与在 webpack中创建从 django 项目到目录的符号链接几乎相同。
中还有其他有用的功能django-webpack-loader吗?

0 投票
1 回答
1094 浏览

django - 带有多个应用程序的 Django + Vue

互联网上有很多关于如何正确使用 Django 和 Vue 的教程和有用的帖子(在各种选项中)。但是我没有找到一个描述如何创建一个由多个应用程序组成的 Django 应用程序的人,每个应用程序都有自己的 Vue 前端部分

我正在创建一个带有 Vue 前端的 Django 应用程序,它将有很多可以非常容易地插入主系统的应用程序(使用自定义框架)。但这只是后端。我想让每个 Django 应用程序也具有前端的“插件”部分:例如,当在 INSTALLED_APPS 中添加此应用程序时,一组 Vue 组件在前端“动态”呈现。

  • 如何在 Vue 中提供“插件挂钩”来加载这些组件?我所看到的所有东西(使用 webpack-loader 使用 webpack 加载动态/惰性组件等)都不是我想要的。它仅描述如何加载稍后在 http 请求时间轴中预定义的组件。

  • 我应该如何“合并”所有组件?我可以简单地在静态文件夹中创建组件并让它./manage.py collectstatic发挥作用吗?

应用程序是 SPA 还是我必须使用 Django 模板(包括 Vue 组件)都没有关系——两者都是可行的方法。

也许这甚至是一个 webpack 问题,应该是:我如何使用 Vue(或 React 等)从不同的子目录(如 foo_app/static/、blah_app/static/、bar_app/static)收集其源代码 - 有没有办法告诉Vue/Webpack/etc 在 myproject/*/static 中搜索要合并的 Vue 组件?并且我可以包含“所有组件”(动态量)而不是另一个组件,这是这样一个系统所需的吗?

谁能在这里启发我-这完全不可能吗?还是我想错了方向?

谢谢。

0 投票
1 回答
9837 浏览

reactjs - React-Webpack:无法读取未定义的属性“点击”

我有一个使用 Django 应用程序配置的 React 应用程序。我有不同的 webpack 配置文件用于开发和生产,当我运行“npm run start”时,它给了我错误:

无法读取未定义的属性“点击”

package.json 文件:

webpack.config.dev.js 文件:“使用严格”;

start.js 文件:“使用严格”;

错误堆栈跟踪:

我不明白为什么它给出了无法找到未定义的属性“tap”。

0 投票
0 回答
3696 浏览

django - 块文件未在浏览器中调用/加载

尝试使用 reactjs + django webpack loader + webpack 4。一切都完美地构建了 main 并且其他块文件都成功生成了。 在此处输入图像描述

不幸的是,页面变得空白,并且似乎相应的块文件没有调用/加载。只加载主块。我的 webpack 配置中是否缺少任何内容? 在此处输入图像描述 在此处输入图像描述

请帮忙!

0 投票
0 回答
80 浏览

django - 为什么 webpack 的 BUNDLE_DIR_NAME 显示错误?

我想用webpackDjango 然后,我是这样设置的。

但是,请求 URL 表示我不想要的奇怪 URL

在此处输入图像描述

起飞将staticurl完美的,我该怎么做?

0 投票
0 回答
130 浏览

django - 如何正确指定“BUNDLE_DIR_NAME”的“url”?

我正在使用Djangoreactwebpack

在设置时WEBPACK_LOADERsettings.py我遇到了问题!我的文件树是这样的。

我的文件树

我想得到一个捆绑的(webpacked)文件,MainPage.js但是,Server说没有that url在此处输入图像描述

请理解我的编程水平低,
请问我可以得到准确的正确网址是什么MainPage.js

添加了我的部分STATIC_URLSTATIC_ROOT

0 投票
0 回答
83 浏览

django - 如何在 django 中正确获取 webpack js 文件?

我认为我的问题或多或少是一个简单的问题,但我还不习惯使用 webpack 等,所以你的建议会对我有所帮助。(我在后端使用 Django,在前端使用 React)

文件夹层次结构

设置.py

如何在输出文件夹中获取此 webpack 文件(MainPage.js),C:\Users\1Sun\Cebula4\front\static\bundles\MainPage.js例如local web_urlhttp://127.0.0.1:8000/static/bundles ...

0 投票
0 回答
85 浏览

django - 如何在 django 中获取 webpack 文件?

我在MainPage.js我设置的输出文件夹中创建了一个 webpack 文件(as )webpack.config.js但是,当我访问我的时,main page它说没有MainPage.js. 它出什么问题了??(我在后端使用 Django,在前端使用 React)

在此处输入图像描述

我的文件夹的层次结构

设置.py