Mix Tasks
Install
mix igniter.install volt
Set up Volt in a Phoenix project.
Build
mix volt.build
mix volt.build --tailwind --no-hash
Build production assets.
Dev
mix volt.dev
mix volt.dev --tailwind
Start the file watcher.
Format
mix volt.js.format
Format JS/TS assets with oxfmt.
Lint
mix volt.lint
mix volt.lint --plugin react
Lint JS/TS assets with oxlint.
Check
mix volt.js.check
Check formatting and lint (CI-friendly).
mix volt.build Flags
Entry
--entry assets/js/app.ts
Repeatable for multi-page apps.
Output
--outdir priv/static/assets
Target
--target es2020
Minification
--no-minify
Source Maps
--sourcemap hidden
--sourcemap false
Hashing
--no-hash
Code Splitting
--no-code-splitting
Externals
--external phoenix
--external phoenix_html
Repeatable.
Format
--format iife
--format esm
Mode
--mode production
Tailwind
--tailwind
--tailwind-css assets/css/app.css
--tailwind-source lib/
Resolve Dirs
--resolve-dir deps
Repeatable.
mix volt.dev Flags
Root
--root assets/src
Watch Dirs
--watch-dir lib/
--watch-dir assets/
Repeatable.
Tailwind
--tailwind
--tailwind-css assets/css/app.css
Target
--target es2020