2.x 版本新特性
这个版本新增了 UnifiedWebpackPluginV5
和 UnifiedViteWeappTailwindcssPlugin
这种 Unified
开头的插件。
它们能够自动识别并精确处理所 有 tailwindcss
的工具类。这意味着它可以同时处理所有文件中的静态或动态的 class
。
相比v1
版本只有处理wxss
,wxml
静态class
的能力,使用v2
版本新的插件,你再也不需要在 js
里引入并调用标记方法 replaceJs
了!2.x
插件有精准转化 js
/jsx
的能力,大大提升了 taro
这种动态模板框架的开发体验。
新插件介绍
UnifiedWebpackPluginV5
是一个核心插件,所有使用 webpack
进行打包的框架都可以使用它,只需要传入 appType
配置项: uni-app
/taro
/rax
/remax
/mpx
等等,如果不传的话,插件会去猜测公共的样式文件位置,并进行转化(有可能不准确)。
目前,这个方案只支持 tailwindcss v3.2.2
以上版本和 webpack5
。同时这个方案依赖 monkey patch
,所以你应该把
"scripts": {
+ "postinstall": "weapp-tw patch"
}
加入你的 package.json
。当然在安装或者更新 tailwindcss
后,手动执行 npx weapp-tw patch
效果也是一样的,看到 patch .... successfully
表示成功。
UnifiedViteWeappTailwindcssPlugin
为 vite
专用插件,配置项和使用方式也是和上面一致的。