weapp-tailwindcss for uni-app 样式条件编译语法插件
💡
原文中文，约3500字，阅读约需9分钟。
📝
内容提要
该文章介绍了在uni-app中使用类似宏指令的样式条件编译写法，并介绍了weapp-tailwindcss@2.10.0+版本中内置的css-macro功能，可以让tailwindcss自动生成带有条件编译的样式代码，来辅助进行多平台的适配开发。
🎯
关键要点
- weapp-tailwindcss@2.10.0+版本引入了css-macro功能，支持条件编译样式。
- uni-app中使用类似宏指令的样式条件编译写法。
- 条件编译样式示例包括针对不同平台的背景颜色设置。
- 需要同时配置tailwindcss和postcss的配置文件才能使用条件编译功能。
- 在tailwind.config.js中注册cssMacro插件。
- postcss插件需在tailwindcss之后和@dcloudio/vue-cli-plugin-uni/packages/postcss之前注册。
- 提供了uni-app的vite和vue2的postcss配置示例。
- 配置完成后可以直接使用ifdef和ifndef的条件编译写法。
- 提供了自定义配置项的示例，支持不同平台的映射。
➡️
