442 - 《Solid Start》

发布于 2024年5月21日

看到 译:SolidStart 1.0:未来框架的形态 1.0 版正式发布和开源,简单翻了下文档和源码。

1、快速上手,可以访问 https://start.solid.new/ 或者运行下方命令。

# 记得选 Solid Start
pnpm create solid

2、用户侧设计。

+ src
  + components
  + lib
  + routes
  - app.tsx
  - entry-client.tsx
  - entry-server.tsx
- app.config.ts
- package.json

用户项目的主要目录如上。

  • package.json 中的 dev、build、start 都是调 vinxi,而不是 solid start 之类的命令,还是第一次看到不自己封一下的框架
  • app.config.ts,给 vinxi 的配置,内容为 import { defineConfig } from "@solidjs/start/config"; export default defineConfig({});
  • src/app.tsx,主入口组件,import { FileRoutes } from "@solidjs/start/router" 后用 <FileRoutes /> 来渲染路由
  • src/entry-client.tsx,客户端入口,import { mount, StartClient } from "@solidjs/start/client"mount(() => <StartClient />, el) 来渲染
  • src/en

内容预览已结束

此内容需要会员权限。请先登录以查看完整内容。