跳到主要内容

2.x 版本新特性

这个版本新增了 UnifiedWebpackPluginV5UnifiedViteWeappTailwindcssPlugin 这种 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 表示成功。

UnifiedViteWeappTailwindcssPluginvite 专用插件,配置项和使用方式也是和上面一致的。