更新记录

1.1.2（2022-05-25）

1. fix: 修复h5、小程序 tailwindcss不能热更新的问题
2. fix: 修复小程序文件变动之后，没有刷新的问题
3. feat: 直接使用jit，不再需要之前的默认配

1.1.1（2022-04-26）

依赖升级

1.1.0（2021-05-21）

降低tailwind的版本，兼容Hbuilder过老的node版本

平台兼容性

uniapp-tailwind-uview-starter（准备升级到Vite+Vue3）

利用uniapp + tailwindcss 3.x + uview 1.x搭建的一套基础模板，并且集成了miniprogram-ci实现自动构建上传微信小程序。

1. tailwindcss以及flex布局的css工具拓展
2. miniprogram-ci集成，实现通过GitHub Actions自动执行脚本构建打包上传
3. 基本的列表和表单demo
4. 统一的request api请求处理，枚举与正则校验

背景：之前用uniapp+uview开发了一大一小两个小程序，css方案用的原子风格的，发现用的还是挺爽的，就在想能不能用上tailwindcss，研究之后发现用Hbuilder创建的自由度比较低，于是选择了用Vue-cli4搭建了一套。

安装要求：

1. 第一步：命令行执行yarn或者npm i，安装所需依赖
2. 第二步：(非必要)去release.yml配置自动打包构建需要的秘钥，具体查看该文档

启动

1. HBuilderX直接点击运行或者发行选择相应的平台(我的方式)
2. webstorm或者vscode启动，具体如下

   h5

   yarn run serve

   小程序

   yarn run dev:mp-weixin

   然后打开微信开发者工具选择/dist/dev/mp-weixin文件夹

Build

yarn run build:mp-weixin

然后打开微信开发者工具选择/dist/build/mp-weixin文件夹，当然最方便的是直接通过GitHub Actions自动部署，需要在GitHub中配置secret才可以自动部署小程序

预览

live demo

项目地址

github

踩坑

• 我的Webstorm默认使用pnpm包管理，这是第一个坑，启动项目时报错，于是rm -rf node_modules，重新使用yarn安装依赖，然后npm serve正常启动。
• 要求Webstorm设置Nodejs v12以上，否则tailwind不会智能提示。

添加配置

~~tailwindcss默认配置了两套，一套是专门用于小程序的，生成的tailwindcss没那么大，一套是完整的h5+小程序的 tailwind.config.js，配置较多，可以前往项目查看~~

升级到tailwindcss 3.x，有了JIT模式，不再需要解决大小的问题