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})
    ]
}