在 Django 模板中导入 Web 组件的推荐方法?

Posted

技术标签:

【中文标题】在 Django 模板中导入 Web 组件的推荐方法?【英文标题】:Recommended way to import web components in Django templates? 【发布时间】:2015-11-29 13:21:35 【问题描述】:

Google 的 Polymer 依赖于这样的 html 导入:

<link rel="import" href="../components/core-header-panel/core-header-panel.html">

现在我将所有自定义 Web 组件保存在静态文件夹中并像这样加载它们:

模板.html

<link rel="import" href="% static 'polymer/my-custom-element.html' %">

在 Web 组件中,我使用相对于文件的路径导入内容:

我的自定义元素.html

<link rel="import" href="../bower_components/polymer/polymer.html">

这是在使用 Django 时推荐的导入 Web 组件的方法还是有更好的方法?

【问题讨论】:

【参考方案1】:

尽可能使用绝对路径。 我也建议你使用 django-bower。它可以以最佳方式处理凉亭静力学。

【讨论】:

【参考方案2】:

使用 django-bower (https://github.com/nvbn/django-bower),在 django 模板中导入它也有点棘手,因为 'static' 会添加所有导入 url 模式,例如你的导入 url 它必须是

<link rel="import" href="../polymer.html">

【讨论】:

以上是关于在 Django 模板中导入 Web 组件的推荐方法?的主要内容,如果未能解决你的问题,请参考以下文章

在 runserver 中导入但不在 wsgi 上的模板标签

如何在 django 项目中导入和显示 csv 文件

在Django模板中加入VueJs组件。

Django项目-人力资源管理系统- web网页母版/模板设计(原始方式)

如何从库中导入组件(在 nrwl/nx 中使用 Angular)

如何使用变量在 React 中导入组件或文件?