vite-plugin-ssinc
Advanced tools
Vite Plugin Ssinc is a plugin for Vite that allows for Server Side Includes like syntax (with only #include supported) to be used in HTML files.
You can install the plugin using npm:
npm install vite-plugin-ssinc
or yarn:
yarn add vite-plugin-ssinc
To use Vite Plugin Ssinc, add the following to your Vite configuration file.
// 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.
| 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. |
Vite Plugin Ssinc is licensed under the MIT License.
FAQs
The plugin for including SSI-like includes in Vite.
The npm package vite-plugin-ssinc receives a total of 9 weekly downloads. As such, vite-plugin-ssinc popularity was classified as not popular.
We found that vite-plugin-ssinc demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
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.
Research
Security News
A look at the top trends in how threat actors are weaponizing open source packages to deliver malware and persist across the software supply chain.
Security News
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
Security News
CISA is discontinuing official RSS support for KEV and cybersecurity alerts, shifting updates to email and social media, disrupting automation workflows.