A simple way to use Javascript importmaps in your Django projects.
Use Javascript libraries in your Django projects without having to install node and related frontend tooling like webpack, etc.
No frontend build system required!
- Install from pypi
uv add lfp-importmapor
python -m pip install lfp-importmap- Add
lfp_importmapto yourINSTALLED_APPSin yoursettings.py
INSTALLED_APPS = [
...
'lfp_importmap',
]- Add any JS library using the new management command:
python manage.py importmap add htmx.orgThis will create an importmap.config.json file in your project root.
It will also vendor the package code and make it available in your templates.
- In your
base.htmltemplate, add the following:
{% load lfp_importmap %}
<html>
<head>
... {% javascript_importmap_tags %}
</head>
<body>
...
</body>
</html>- That's it! The module is now ready for use in your templates.
Continuing the example from above, you can now use the htmx module in your templates:
<button hx-get="{% url 'my-url-name' %}">Click me</button>MIT