vite-plugin-stache requires CanJS >= 6.x
npm i vite-plugin-stache --save-dev
or
yarn add -D vite-plugin-stache
or
pnpm add -D vite-plugin-stache
Use the plugin in your Vite config (vite.config.ts
)
import stachePlugins from 'vite-plugin-stache'
export default {
plugins: [
...stachePlugins()
]
}
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})
]
}