SuperAPI AI 工具集

typo3-vite

前端与建站

查看项目

更新于 10-15 21:10

技能介绍

用途:为 TYPO3 v13 与 v14 LTS 的站点包开发提供 Vite 7 构建配置,配合 praetorius/vite-asset-collector 使用。资料指出 v14.0 移除了核心的前端 CSS/JS 合并压缩与 CSS 注释/空白剥离(Breaking #108055、#107944),config.concatenateCss/compressCss/concatenateJs/compressJs 不再生效,v14 需外置构建工具处理生产级资源。

主要能力:按内容元素设置独立入口(*.entry.ts),实现自动代码拆分,只为可见内容元素加载所需 CSS/JS;Bootstrap 采用按需导入,避免整包引入以缩小体积;自定义 SvgCopyOptimizePlugin 将 Resources/Private/Svg/ 经 SVGO 优化后输出到 Resources/Public/Svg/,支持开发模式文件监听;经 vite:asset ViewHelper 加载的资源自动获得 nonce 属性以符合 CSP,无需内联 script/style。

用法与限制:开发服务器默认校验 Host 头,需在既有的 server: 块内同时设置 allowedHosts: true 与 cors: true,否则反向代理(Traefik、nginx)下会返回 403 并中断 HMR;重复声明 server: 字面量会静默覆盖第一处的键(含 allowedHosts)。技术栈包括 Vite 7+、Bootstrap 5.3+、autoprefixer+cssnano、SCSS 现代编译器 API(api: 'modern-compiler')、Gzip/Brotli 生产压缩,包管理器可用 npm、pnpm 或 yarn。参考文档涵盖 vite 配置、SCSS 架构与 Bootstrap 主题化。具体版本、收费与效果暂未提供。