在Vue 2项目中使用UnoCSS,可以通过以下步骤进行配置和使用: 1. 安装依赖 首先,需要安装UnoCSS及其Webpack插件。打开终端,在项目根目录下运行以下命令: bash npm install -D @unocss/webpack unocss 2. 创建UnoCSS配置文件 在项目根目录下创建一个名为uno.config.ts的文件,用于配置UnoCSS。内容
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example
Closed #3741 UnoCSS version 0.58.3 Describe the bug In a Vue + Unocss project, using the keep-alive component, the code hot update during inactive pages will cause the components containing the "unocss transformerVariantGroup" code to reload as well ...
unocss-webpack-uniapp2.apk 小程序项目启动时 部分class生成失败 需要手动触发 uniapp vue2app无法使用import 'uno.css' 具体使用 demo vue.config.js constUnoCSS=require('unocss-webpack-uniapp2').defaultmodule.exports={configureWebpack:{plugins:[UnoCSS(),],},} ...
unocss-webpack-uniapp2.apk 解决问题 小程序项目启动时 部分class生成失败 需要手动触发 uniapp vue2app无法使用import 'uno.css' 使用 具体使用 demo vue.config.js constUnoCSS=require('unocss-webpack-uniapp2').defaultmodule.exports={configureWebpack:{plugins:[UnoCSS(),],},} ...
taro for react vue2 vue3 使用配置与DEMO 原生微信小程序 wxml 使用配置与DEMO 其他 修改w h 默认单位 unocss-preset-weapp,wh默认单位 `rpx`,例如 .text-20 { font-size: 20rpx; } .h-10 { height: 10rpx; } .top-10 { top: 10rpx; } 设置whRpx为false,修改默认单位,按 rem 规则递增 uno...
@apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded; } } UnoCSS有类似的更好用快捷方式来快捷实现这个功能: shortcuts: [ // you could still have object style { btn: 'py-2 px-4 font-semibold rounded-lg shadow-md', ...
1|2引入 // vite.config.ts import type { PluginOption, UserConfig } from 'vite' import Vue from '@vitejs/plugin-vue' import Unocss from 'unocss/vite' import { presetAttributify, presetIcons, presetUno } from 'unocss' import { rules, shortcuts } from '@/utils/my_uno' const config...
unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 当然,原子样式也有很多选择,最著名的就是 Tailwind。但由于Tailwind 会生成大量样式定义,会导致全量的 CSS 文件往往体积会多至数 MB,从而有性能上有一些不足 ...
When I upgrade to 0.31.12, Vite takes a long time to load. (any version beyond 0.31.3 does the same) I am using Vite 2.9.5 and Vue 2 in a setup very similar to Vite+Vue2 Starter Template No windicss but using "unocss": "^0.31.3", "unplug...