在vue.config.js中这样配置unocss,样式是生效的,但是当我打包后,elementUI中的引用的图标不能显示 css: { loaderOptions: { sass: { sassOptions: { outputStyle: "expanded", }, }, }, extract: { filename: "[name].[hash:9].css", ignoreOrder: true,
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example
npm i tdesign-starter-cli -g 创建项目 td-starter init 随后在终端会有一些选项 安装依赖 # 进入项目 cd ./Vue3-Vite4-Tdesign-UnoCSS # 安装依赖 npm install # 运行 npm run dev 使用UnoCss 安装依赖 接下来进入 Vscode,添加对 UnoCss 的支持。 pnpm add -D unocss // or yarn add -D un...
fix(unplugin): update to 2.3.4 and fix vfs iterable (#4666) May 14, 2025 tsconfig.json feat(packages-preset): new preset forpreset-wind4(#4439) Feb 21, 2025 vitest.config.ts chore: separate vitest env May 21, 2024 vitest.workspace.ts ...
2 changes: 1 addition & 1 deletion 2 examples/vue-cli4/package.json Original file line numberDiff line numberDiff line change @@ -1,5 +1,5 @@ { "version": "0.61.3", "version": "0.61.4", "private": true, "scripts": { "dev": "cross-env NODE_OPTIONS=--openssl-legacy-provid...
暂无标签 https://www.oschina.net/p/unocss README MIT 15Stars 5Watching 3Forks 保存更改 发行版 暂无发行版 贡献者(387) 全部 语言 TypeScript84.0%Vue7.3%JavaScript3.7%CSS3.7%HTML1.3% 近期动态 3年多前创建了仓库
找到Vue CLI项目的vue.config.js文件,并进行如下配置: javascript const { defineConfig } = require('@vue/cli-service'); const UnoCSS = require('@unocss/webpack').default; module.exports = defineConfig(async () => { const { default: UnoCSSPlugin } = await import('@unocss/webpack')...
4. 图标() 一. 创建项目 npx --package @vue/cli vue 项目成功启动后,进入http://localhost:3200,即可进入创建好的页面(假设启动端口为3200) 二. 测试网络通讯模块 假设有本地服务器地址localhost:8000提供接口服务,接口为localhost:8000/token,修改代码 import {ref} from 'vue' import axios from 'axios...
AI代码解释 rules:[['m-1',{margin:'0.25rem'}],] 即可生成 代码语言:javascript 代码运行次数:0 运行 AI代码解释 .m-1{margin:0.25rem;} 还可以通过正则的方式 代码语言:javascript 代码运行次数:0 运行 AI代码解释 rules:[[/^m-(\d+)$/,([,d])=>({margin:`${d/4}rem`})],[/^p-(\d+...
import{ defineComponent,PropType,toRefs}from"vue";import"uno.css";exportdefaultdefineComponent({name:"SButton",setup(props, {slots}) {return() =>{slots.default ? slots.default() : ''}} }); 在index.ts中添加一个测试代码 文件名:src/index.ts import{ createApp }from...