Vite Plugin - Laravel Blade Class Parser

vite-plugin-laravel-blade-class-parser is a Vite plugin that retrieves Laravel .blade.php files and extracts unique class names to pipe into a file for CI/CD pipelines to trigger front-end builds only when classes that are generated by JIT styling frameworks such as Tailwind are added.

NOTE: Dynamic classes passed via {{ $variable }} will be stripped and not parsed.

Installation

With pnpm:

pnpm i vite-plugin-laravel-blade-class-parser

with npm:

npm i vite-plugin-laravel-blade-class-parser

or with yarn:

yarn add vite-plugin-laravel-blade-class-parser

Setup with Vite

import LaravelBladeClassParser from "vite-plugin-laravel-blade-class-parser";

export default defineConfig({
	...
	plugins: [
	  LaravelBladeClassParser({
		// File path to write the class names to
		outputFilePath: './path-to-file.txt';
		// # Optional: string prefix to filter class names by
		filterPrefix: 'tw-theme-';
		// # Optional: delimiter string to use in the output file
		delimiter: ',';
	  }),
	],
});

Default Configurations

{
  /**
   *  Type: string
   *  Required: true
   */
  outputFilePath: path.resolve("blade-classes.txt"),
  /**
   *  Type: string
   *  Required: false
   */
  filterPrefix: "",
  /**
   *  Type: string
   *  Required: false
   */
  delimiter: ","
}