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