uniapp运行dev编译抖音小程序，引入tailwindcss后抖音ide的模拟器一直转圈，底下显示编译中，反应很慢
hbuilder和抖音Ide都是最新版本，项目是按照文档进行vue-cli安装的
怀疑是tailwindcss在运行时默认不过滤未使用的类名，导致样式文件过大（common/main.ttss有3.4mb）.
我配置tailwindcss未使用的类名过滤后就抖音ide就正常了。但是这个过滤功能只在npm run dev:mp-toutiao之后触发一次，而不是每次修改文件保存后都过滤同步到ide的模拟器，这样跟build一样，不方便查看页面效果。
有没有办法，uniapp引入tailwindcss，dev编译抖音小程序的同时，抖音ide模拟器同步刷新的
1 个回复
x***@163.com (作者)
已经解决，首先tailwindcss开启jit模式：mode: 'jit'
jit模式减小了dev时的main.ttss的大小，抖音ide可以正常编译了，但是修改class并没有热更新到main.ttss，为此需要下面这个插件配合
https://github.com/sonofmagic/weapp-tailwindcss-webpack-plugin
按照插件的文档配置好之后就ok了，完美符合我的需求