can't use mfsu

[transtone]

Describe the bug

AssertionError [ERR_ASSERTION]: [MFSU] package.json not found for dep windi.css which is imported from @/app.js

umi3 项目配置开启 msfu 时，会报找不到 windi.css 的错误。

[harlan-zw]

Hey @transtone

Guessing this is the same issue as windicss/vue-cli-plugin-windicss#26 ?

So either add the ignore for windi or you can try import virtual:windi.css instead

[transtone]

virtual:windi.css

webpack5's mfsu not use .eslintrc.js, and import 'virtual:windi.css' not worked either.

[harlan-zw]

Are yu able to provide a reproduction repo for me

[transtone]

this is a reproduction repo:
https://github.com/transtone/umijs-windicss

[harlan-zw]

Hey @transtone

Thanks for the reproduction link. I've looked into it, it seems like an issue with the MFSU and virtual modules. I've made an issue on the umi repo umijs/umi#7303, will sort out a proper fix if they get back to me.

For now, if you really want to get it running, you can disable mfsu:

mfsu: false,

You will also need to import windi as windi.css instead of virtual:windi.css as well

import 'windi.css';

[LanJamRom]

now, umi4 has provided tailwind plugin that work in msfu mode as well. I tried to write a windicss plugin referring to this tailwind plugin, but failed.