taro-plugin-unocss

在taro中使用unocss

安装

yarn add taro-plugin-unocss -D

使用

目前测试的环境是vue3和taro@3.4.x版本

插件引用

修改项目config/index.js中的plugins配置为如下:

const config = {
  ...
  plugins: [
    ...其余插件
    [
    'taro-plugin-unocss',
        {
            options:{
                // 配置 WebpackPluginOptions
            },
            defaults:{
                // 配置 UserConfigDefaults
            }
        }
    ]
  ]
  ...
}

这样我们的配置就已经完成了

内置

目前我们内置的功能如下：

presetUno()
presetAttributify()
presetTypography()
presetRemToRpx()

如果需要扩展，请参考unocss文档，去配置options和defaults

参数对应关系Unocss(options,defaults)

注意

由于小程序的限制，并不能全部兼容unocss的所有功能，请参考WXSS文档