arnoson / kirby-vite-multi-page-kit
多页 Kirby CMS + Vite 起步套件
v4.0.1
2023-08-16 14:50 UTC
Requires
- arnoson/kirby-vite: ^4.0.3
- getkirby/cms: ^3.6
README
功能
- ⚡️ 使用Vite和kirby-vite插件
- 📚 多页面
- 🔄 对 Kirby 模板、片段、内容等更改进行实时重新加载
- 📂 公共文件夹结构
安装
克隆此存储库并运行
composer install
npm install
开发
通过运行启动 vite 的开发服务器和简单的 PHP 开发服务器
npm run dev
在浏览器中访问 localhost:8888
。Vite 的开发服务器(localhost:5173
)仅用于提供 js、css 和资产。
预览
通过运行获取本地生产预览
npm run preview
生产
构建优化后的前端资源到 public/dist
npm run build
文件嵌套
如果您使用 VS Code,您可以在编辑器的文件资源管理器中添加文件嵌套来直观组织您的资产
// .vscode/settings.json { "explorer.fileNesting.enabled": true, "explorer.fileNesting.patterns": { "*.js": "${capture}.css" }, }
部署
手动
将存储库上传到您的 web 服务器,并让您的 web 服务器指向存储库的 public
文件夹。
Rsync
如果您有 ssh 访问权限,您可以使用 rsync 来自动化上传/同步。
Git
您也可以使用 git 部署您的存储库。然后您需要在您的 web 服务器上再次运行安装步骤。
版本控制
因为这是一个起步套件而不是库,所以它不使用语义版本控制。如果您想迁移现有项目,请查看发布说明中的任何重大更改。