快速开始

安装

npm i san@latest san-ssr@latest

san-ssr 需要 san 提供的模板字符串解析和 TypeScript 类型,因此对 san 的版本有依赖。你需要安装对应版本的 san 和 san-ssr。

san-ssr 支持的 san 版本声明在 peerDependencies 里,因此只要能安装成功就能正确工作。一般的建议如下:

  • 如果是新项目,建议使用 npm i san@latest san-ssr@latest

  • 否则从 san-ssr 最新版本开始降主版本号找到能安装成功的版本。

更多讨论请参考:baidu/san/issues/441

渲染一个 San 组件

const { SanProject } = require('san-ssr')
const san = require('san')
const MyComponent = san.defineComponent({
    template: `<div>Hello {{ name }}</div>`
})

// SanProject 类提供了你会用到的所有接口
const project = new SanProject()

// 输入是组件对象
// 输出是一个 render 函数。该函数接受数据对象作为参数,返回 HTML 字符串。
const render = project.compileToRenderer(MyComponent)

const html = render({name: 'San'})

参考内容:

  • API 文档:SanProject
  • /demo 下的示例项目。