unocss-applet/unocss-applet

在小程序中unocss不起作用

canyonwan opened this issue · 1 comments

已引入:
image

已在vite中配置:
image

packages.json:
image

问题:
但在小程序中没有挂载上样式
image

add unocss.config.ts

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  // presetTypography,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'

import {
  presetApplet,
  presetRemToRpx,
  transformerApplet,
  transformerAttributify,
} from 'unocss-applet'

const isH5 = process.env.UNI_PLATFORM === 'h5'

export default defineConfig({
  shortcuts: [

  ],

  presets: [
    presetIcons({
      scale: 1.2,
      warn: true,
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
      },
    }),

    // https://github.com/unocss/unocss/tree/main/packages/preset-typography
    // presetTypography(),

    presetApplet({ enable: !isH5 }),
    presetAttributify(),
    presetRemToRpx({ enable: !isH5 }),

  ],
  transformers: [
    // https://github.com/unocss/unocss/tree/main/packages/transformer-directives
    transformerDirectives(),

    // https://github.com/unocss/unocss/tree/main/packages/transformer-variant-group
    transformerVariantGroup(),

    transformerAttributify(),

    transformerApplet(),
  ],

  rules: [
    [
      'p-safe',
      {
        padding:
          'env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)',
      },
    ],
    ['pt-safe', { 'padding-top': 'env(safe-area-inset-top)' }],
    ['pb-safe', { 'padding-bottom': 'env(safe-area-inset-bottom)' }],
  ],
})