Backend Integration Plugin for Vite

A Vite plugin that simplifies integration with backend template engines.

The plugin works by scanning a user-specified source directory for template files. It analyzes the Vite build output to determine which assets are needed for each entry point. Based on this analysis, it dynamically inserts the appropriate

`

3\. That's it! Now when you run the Vite build, the plugin will automatically modify your templates by injecting the necessary asset tags and output them to the specified output directory.

Further information on how to set up Vite with traditional backends can be found in the Vite backend integration guide.

Options

$3

- Type: string

The template source directory. Valid values include:

* Absolute path, e.g. /templates
* Relative path e.g. templates (relative to the project root directory).

$3

- Type: string | undefined
- Default: srcDir

The template output directory. Valid values include:

* Absolute path, e.g. /templates
* Relative path e.g. ../templates (relative to build.outDir).

$3

- Type: string
- Default: .html

The template file extension.

$3

- Type: string | undefined

A relative path that is appended to Vite's base path during asset URL generation. This is useful when the backend serves static assets from a specific base path e.g. static/.

$3

- Type: AssetTags
- Default:
`js
{
script: '',
preload: '',
stylesheet: ''
}
`

This option allows customizing the asset tags injected into the templates on build. You can use {src} and {async} placeholders to control how the tags are generated. The {src} placeholder will be replaced with the relative asset URL, and the {async} placeholder will be replaced with async for script tags if applicable.

For example, if you use Thymeleaf as your template engine, you can adjust the configuration to use Thymeleaf's syntax for URL resolution.

`js
assetTags: {
script: '',
preload: '',
stylesheet: ''
}
``