SuperAPI AI 工具集

symfony-yoandev-frontend

前端与建站

查看项目

更新于 10-16 06:16

技能介绍

用途:在 Symfony 应用中用 AssetMapper 提供前端资源,配合 Twig、Stimulus、Turbo 和 Symfony UX 完成前端开发与调试,全程不引入打包器和 Node 构建步骤。

主要能力与用法:用 AssetMapper 以 import map 方式按 ES 模块提供文件。常用命令:symfony console importmap:require chart.js(添加 JS 依赖)、symfony console debug:asset-map(查看映射)、symfony console importmap:audit(检查漏洞)、symfony console asset-map:compile(部署步骤)。另有 importmap:install、importmap:outdated。

组件选型按状态所在位置决定:仅浏览器状态用 Stimulus 控制器;需跨交互在服务端记住的状态用 Live Component;服务端无状态但需刷新多个区域用 Turbo Stream 响应;纯渲染用 Twig Component。三者在有状态、用户操作后响应、无用户操作推送(Mercure)之间仲裁。组件应接收 DTO 而非实体。Turbo 包含 Drive、Frames、Streams;行为应放在 Stimulus 控制器中,避免模板内联 script 和把业务规则写在 JavaScript 里。Tailwind 可通过 symfonycasts/tailwind-bundle 使用,命令包括 tailwind:init 与 tailwind:build --watch。

限制:无编译步骤意味着不支持 JSX、Vue/Svelte 单文件组件、TypeScript、高级转译和树摇。生产环境需要 HTTP/2 或 HTTP/3 与压缩,否则小文件加载会变慢;Symfony 7.3 起可用 framework.asset_mapper.precompress: true。缺少 asset-map:compile 会导致资源经 PHP 进程服务。Live Component 每次交互都会重新实例化并触发请求。资料未提供价格、收费或平台支持等信息。