Vite build tools integration for django
Project description
Django Vite Plugin
Introduction
Vite is a modern frontend build tool that provides an extremely fast development environment and bundles your code for production.
This plugin configures Vite for use with Django backend.
Installation
pip install django_vite_plugin
Then in your projects settings.py
file, add django_vite_plugin
in installed apps
# Some settings
INSTALLED_APPS = [
# Some apps
'django_vite_plugin',
# Other apps
]
These are the available configuration options
# Other settings
DJANGO_VITE_PLUGIN = {
'WS_CLIENT': '@vite/client',
'DEV_MODE': getattr(settings, 'DEBUG', True),
'BUILD_DIR': getattr(settings, 'STATIC_ROOT') or 'static',
'BUILD_URL_PREFIX': getattr(settings, 'STATIC_URL'), # Bundled assets would be prefixed with this on production
'SERVER': {
'HTTPS': False,
'HOST': '127.0.0.1',
'PORT': 5173
},
'JS_ATTRS': {
'type': 'module'
},
'CSS_ATTRS': {
'rel' : 'stylesheet',
'type': 'text/css'
},
'STATIC_LOOKUP': True
}
See the official documentation for more details
Usage
<!--Your Template file-->
{% load vite %}
<!DOCTYPE html>
<html lang="en">
<head>
<!--Other elements-->
<!--Vite dev client for hmr (will not be displayed on production)-->
{% vite %}
<!--These attributes will be present in both `asset1.css` & `asset2.js`-->
{% vite 'asset1.css' 'asset2.js' someattr='value' %}
</head>
<body>
<!--Page content-->
</body>
</html>
Official Documentation
Documentation for the Django Vite plugin can be found on the Github.
License
The Django Vite plugin is open-sourced software licensed under the MIT license.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Close
Hashes for django_vite_plugin-1.3.4-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | b61595035092182c2a8a1620fb2da458b4ef12f23be08254d0f9bf1d7eef54b6 |
|
MD5 | d929e7c88b179823bcd10fc497a49f51 |
|
BLAKE2b-256 | f093744e8d44f8ed75cc6d976c93017a8e274496c59815ab875085516f39cb29 |