// vite.config.js
import vitePluginSsinc from 'vite-plugin-ssinc';

export default {
  plugins: [
    vitePluginSsinc({
      includeExtensions: ['shtml', 'html'],
    }),
  ],
};

If you want to write it in CommonJS syntax, you can do it like this:

// vite.config.js
const vitePluginSsinc = require('vite-plugin-ssinc').default;

export default {
  plugins: [
    vitePluginSsinc({
      includeExtensions: ['shtml', 'html'],
    }),
  ],
};

In your HTML files, you can use SSI directives like so:

<!DOCTYPE html>
<html>
  <head>
    <title>Vite Plugin Ssinc</title>
  </head>
  <body>
    <!--# include file="header.shtml" -->
    <h1>Welcome to Vite Plugin Ssinc</h1>
    <!--# include virtual="/footer.shtml" -->
  </body>
</html>

When Vite serves your site, the SSI directives will be processed and the included files will be included in the HTML response.

Options

Option	Type	Default	Required	Description
`includeExtensions`	`Array<string>`	`['shtml']`	No	An array of file extensions that should be checked for SSI directives.
`apply`	`'serve' \| 'build'`	None	No	The mode in which the plugin should be applied. By default, the plugin will be applied in both development and production builds.

License

Vite Plugin Ssinc is licensed under the MIT License.

Keywords

FAQs

What is vite-plugin-ssinc?

Is vite-plugin-ssinc popular?

Is vite-plugin-ssinc well maintained?

Package last updated on 24 Aug 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

vite-plugin-ssinc