vite-plugin-stache
v1.1.0
Published
![](https://img.shields.io/github/actions/workflow/status/pYr0x/vite-plugin-stache/test.yml?branch=master&style=flat-square) ![](https://img.shields.io/npm/v/vite-plugin-stache?style=flat-square) ![](https://img.shields.io/node/v/vite-plugin-stache?style=
Downloads
10
Readme
vite-plugin-stache
vite-plugin-stache requires CanJS >= 6.x
Install
npm i vite-plugin-stache --save-dev
or
yarn add -D vite-plugin-stache
or
pnpm add -D vite-plugin-stache
Usage
Use the plugin in your Vite config (vite.config.ts
)
All-in-one
import stachePlugins from 'vite-plugin-stache'
export default {
plugins: [
...stachePlugins()
]
}
Plugins
The Vite-Stache plugin consists of several plugins.
- Stache-Loader: Loads a .stache template file and converts it into a javascript module with the stache-ast for the template part.
- Stache-Import: Within the .stache file you can import other files like (https://canjs.com/doc/can-view-import.html). This plugin handles static and dynamic import (ES2020
import()
). - Stache-Inline-Converter (optional): Searching for a stache template string within javascript files and converts it into an AST.
import stachePlugins from 'vite-plugin-stache'
export default {
plugins: [
stachePlugins({inlineTransformation: false})
]
}