Jigsaw Vite Plugin

Warning

This plugin is in alpha stage and may not work as expected. Use at your own risk.

Alpha notes

You'll want to ensure you install the following version of Jigsaw:

composer require tightenco/jigsaw:dev-gc/add-vite

And then in the head of your layouts/main.blade.php file:

@viteRefresh()
<link rel="stylesheet" href="{{ vite('source/_assets/css/main.css') }}">
<script defer type="module" src="{{ vite('source/_assets/js/main.js') }}"></script>

---

@tighten/jigsaw-vite-plugin is a Vite plugin for the Jigsaw static site generator. It watches your Jigsaw site's files and triggers a new build when it detects changes.

Installation

npm install -D @tighten/jigsaw-vite-plugin

Usage

Add the plugin to your vite.config.js file:

import { defineConfig } from 'vite';
import jigsaw from '@tighten/jigsaw-vite-plugin';

export default defineConfig({
    plugins: [
        jigsaw({
            input: ['source/_assets/js/main.js', 'source/_assets/css/main.css'],
            refresh: true,
        }),
    ],
});

Credits

Huge thanks to the vite-plugin-full-reload and laravel-vite-plugin

License

Jigsaw Vite Plugin is provided under the MIT License.