5 分钟内部署运行。
mkdir my-app && cd my-appdeno initdeno add jsr:@kissjs/core// vite.config.ts
import { kiss } from '@kissjs/core';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [
kiss({
routesDir: 'app/routes',
islandsDir: 'app/islands',
inject: {
stylesheets: ['https://ka-f.webawesome.com/webawesome@3.5.0/styles/webawesome.css'],
scripts: ['https://ka-f.webawesome.com/webawesome@3.5.0/webawesome.loader.js'],
},
}),
],
})// app/routes/index.ts
import { LitElement, html, css } from '@kissjs/core';
export const tagName = 'home-page';
export default class HomePage extends LitElement {
static styles = css`:host { display: block; padding: 2rem; }`;
render() {
return html`<h1>Hello KISS!</h1>`;
}
}deno run -A npm:vite打开 localhost:5173 查看页面。SSG 输出包含声明式 Shadow DOM —— 即使 JavaScript 尚未加载，内容也可见。