为设计师/craft-vite-starter

Craft CMS与DDEV & Vite

维护者

详细信息

github.com/szenario-fordesigners/craft-vite-starter

主页

源代码

问题

论坛

文档

安装: 128

依赖项: 0

建议者: 0

安全性: 0

星标: 17

关注者: 0

分支: 89

开放问题: 3

类型:项目

2.0.3 2024-09-10 12:22 UTC

Requires

Requires (Dev)

0BSD c8d438161a230d77c5407e2a56cd9b7ec6c016f2

cmsCraftcraftcmsvite

This package is auto-updated.

Last update: 2024-09-28 07:53:46 UTC

README


如果工具可以通过一条命令完成会怎样？

craft-vite

Craft CMS 5注入Vite、TypeScript和WindiCSS。 极快开发，HMR和可生产的构建过程。
由以下团队创建
szenario.design logo

背后的魔法团队
Simon Wesp Thomas Bendl

加速启动 🚀

bash <(curl -s https://raw.githubusercontent.com/szenario-fordesigners/craft-vite-starter/main/init.sh)

快速入门

  1. mkdir my-project && cd my-project
  2. ddev config --project-type=craftcms --docroot=web --create-docroot
  3. ddev composer create -y szenario-fordesigners/craft-vite-starter
  4. make install
  5. make dev

技术栈

要求

  • DDEV
  • 基于Unix的操作系统（MacOS，Linux）

如果您在Windows上

使用WSL2并遵循Unix-based OS的说明。 DDEV 文档 是一个很好的起点。

命令

  • make install - 修补DDEV craft配置并安装Craft CMS。仅适用于首次设置。
  • make dev - 启动开发服务器
  • make build - 打包生产资源

后续使用

  • ddev yarn - 用于管理前端包
  • ddev composer - 用于管理后端包
  • ddev craft - 暴露 Craft CLI

关键CSS

要使用关键CSS，您需要手动将应该预渲染的页面添加到 vite.config.ts 中的 criticalPages 数组。页面将在构建时预渲染，生成的CSS将内联在HTML中。

鸣谢

此存储库基于官方 Craft CMS启动模板。
感谢Andrew Welch提供的出色的 craft-vite插件！

贡献者