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