README

该主题基于 Sage 10 alpha，进行了修改以适应我们的需求。

推荐

>注意！ 在开始使用主题之前，请务必阅读 Sage 文档。

• 保持 原始主题结构，以便我们在下一步升级到最新版本的 Sage 时更加方便。
• 使用 Laravel Mix，因为它已经包含了许多 内置功能。

配置

• 使用文件 /resource/assets/config-local.json.sample 创建 config-local.json，以满足您本地开发环境的需求。
• 确保字体路径正确 - /resource/assets/styles/config/variables.scss。

系统要求

• WordPress >= 5.4
• PHP >= 7.2.5（需启用 php-mbstring）
• Composer
• Node.js 版本 >= 12.0.0 （推荐使用 LTS 版本以保持开发过程中的稳定性和性能）
• Yarn 版本 >= 1.22.4

Rh 安装

• Tailwind CSS
• @regionhalland/styleguide
• laravel-mix-polyfill
• laravel-mix-purgecss v5.0.0
• axios
• stylelint-config-standard

该主题需要在以下浏览器上良好运行

• 桌面
  • Google Chrome
  • Safari
  • MS Edge Chromium
  • MS Edge
  • IE11
  • （Firefox，Opera）
• 移动
  • Safari
  • Google Chrome
  • （三星）

命令

检查清单

• [x] Tailwind CSS
• [x] RH styleguide
• [x] IE11 的 JavaScript Polyfill
• [x] /resources/assets 中的配置文件
  • [x] 主题配置文件 （config.json）
  • [x] 本地开发环境配置文件 （config-local.json）
  • [x] 示例配置文件 （config-local.json.sample）
• [x] 在启动本地开发环境之前删除 /dist 文件夹
• [x] 当 SCSS 文件发生变化时进行 CSS 注入
• [x] 通过编译合并 Tailwind 配置文件

参考

• 在 Sage 10 中使用 View Composers
• Laravel
  • 编译资源（Mix）
  • 自定义 Webpack 配置
• Laravel Mix
  • 库代码拆分
  • CSS 预处理器
  • Laravel Mix 选项
• Tailwind CSS
  • JavaScript 中的引用 - resolveConfig()
  • 控制文件大小
• Purge CSS - 配置
• Browsersync 选项