uniapp（vue3&vite）使用windicss，无法生效。

分类：uni-app

https://cn.windicss.org/integrations/vite.html，我按照这个文档在uniapp集成windicss,运行后，类名没生效，我在vue项目很容易集成，是uniapp做了什么过滤吗？

// vite.config.js  
import WindiCSS from 'vite-plugin-windicss'  

import {  
     defineConfig  
 } from 'vite'  
 import uni from '@dcloudio/vite-plugin-uni'  
 export default defineConfig({  
     plugins: [  
         WindiCSS(),  
         uni(),  
     ],  
 })

// main.js  
import 'virtual:windi.css'

2022-01-26 11:16 负责人:无分享

5 个回复

1***@qq.com (作者)

自问自答一下：
重新查阅windicss文档发现，默认只会扫描src目录下文件。改个扫描配置就可以，修改如下。

// vite.config.js  
import WindiCSS from 'vite-plugin-windicss'  

import {  
    defineConfig  
} from 'vite'  
import uni from '@dcloudio/vite-plugin-uni'  
export default defineConfig({  
    plugins: [  
        WindiCSS({  
            scan: {  
                dirs: ['.'], // 当前目录下所有文件  
                fileExtensions: ['vue', 'js', 'ts'], // 同时启用扫描vue/js/ts  
            },  
        }),  
        uni(),  
    ],  
})

店小二丶

请问你这个可以用于小程序么

2023-04-11 10:40

m***@163.com

vue可以完整集成，但nvue上不生效且报错，问问楼主有试过nvue吗

m***@163.com

可能是nvue目前暂不支持vite导致的？

y***@qq.com

小程序编译会出现```javascript
[ WXSS 文件编译错误] ./app.wxss
unexpected token ""
1 |
2 | / windicss layer base */

3 | *, ::before, ::after {
| ^
4 | box-sizing: border-box;
5 | border-width: 0;
6 | border-style: solid;
at files://app.wxss#3(env: Windows,mp,1.05.2111300; lib: 2.21.3)

Jovi_King

解决了吗？

2022-04-12 19:01
店小二丶

回复 Jovi_King: 解决了吗

2023-04-11 10:25

7***@qq.com

可以试下 unocss
https://github.com/MellowCo/unocss-preset-weapp#uni-app-vue3

该问题目前已经被锁定, 无法添加新回复

uniapp（vue3&vite）使用windicss，无法生效。

5 个回复

公告

相关问题

uniapp（vue3&vite）使用windicss，无法生效。

与内容相关的链接

5 个回复

公告

相关问题