Flask+Vite integration.
Project description
Flask-Vite
Plugin to simplify use of Vite from Flask.
- Status: Bêta.
- Free software: MIT license
Usage
Instantiate the Flask extension as you do for other Flask extensions:
from flask_vite import Vite
app = Flask(...)
vite = Vite(app)
# or
vite = Vite()
vite.init_app(app)
Then you can use the following commands:
$ flask vite
Usage: flask vite [OPTIONS] COMMAND [ARGS]...
Perform Vite operations.
Options:
--help Show this message and exit.
Commands:
build Build the Vite assets.
check-updates Check outdated Vite dependencies.
init Init the vite/ directory (if it doesn't exist)
install Install the dependencies using npm.
start Start watching source changes for dev.
update Update Vite and its dependencies, if needed.
Features
- Manages a
vite
directory where you put your front-end source code. - Auto-injects vite-generated assets into your HTML pages (if
VITE_AUTO_INSERT
is set in the Flask config). - Use
{{ vite_tags() }}
in your Jinja templates otherwise.
Configuration
The following (Flask) configuration variables are available:
VITE_AUTO_INSERT
: if set, the extension will auto-insert the Vite assets into your HTML pages.NPM_BIN_PATH
: path to thenpm
binary. Defaults tonpm
.
Demo
See the demo/
directory for a working demo using TailwindCSS.
Credits
This project is inspired by the Django-Tailwind project.
This package was created with Cookiecutter, using the abilian/cookiecutter-abilian-python project template.
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
flask_vite-0.3.3.tar.gz
(7.1 kB
view hashes)
Built Distribution
Close
Hashes for flask_vite-0.3.3-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 4f7523a307ad86367ac50dbef918f11d2de6ebe74d3418fe22beddefc4417484 |
|
MD5 | c4b8186bee1c87359022a73f7b0fc7db |
|
BLAKE2b-256 | 21d3267dedddb0d6250e8abc5f1e2f7f0f31416caf7a672dd871d70ac13a78c3 |