README

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

配置

根据需要使用适合您本地开发环境的本地配置文件

1. config.json
   • 使用/resource/assets/config.local.json.sample来创建config.local.json。
2. tsconfig.json
   • 您可以在config.local.json中指定要使用的tsconfig文件。使用tsconfig.local.json.sample作为示例。

建议

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

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

系统要求

• 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
• stylelint-config-standard
• whatwg-fetch
• import-glob-loader

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

• 桌面
  • MS Edge Chromium
  • Google Chrome
  • Safari
  • (IE11, MS Edge, Firefox, Opera)
• 移动
  • Safari
  • Google Chrome
  • (Samsung)

命令

检查清单

• [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配置文件
• [x] Tailwind CSS
• [x] RH styleguide
• [x] IE11中JavaScript的Polyfill
• [x] React
• [x] /resources/assets中的配置文件
  • [x] 主题配置文件 (config.json) - [x] 本地开发环境配置文件 (config.local.json, app.local.scss) - [x] 示例配置文件 (config.local.json.sample, app.local.scss.sample)
• [x] 在启动本地开发环境之前清除/dist文件夹
• [x] 当SCSS文件发生变化时进行CSS注入
• [x] 通过编译合并Tailwind配置文件

参考

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