unplugin / unplugin-vue-components

📲 On-demand components auto importing for Vue
https://www.npmjs.com/package/unplugin-vue-components
MIT License
3.68k stars 342 forks source link

ElementUiResolver 如何使用自定义样式 #639

Open sweetwisdom opened 1 year ago

sweetwisdom commented 1 year ago

Describe the bug

vue cli 中使用此插件可以正常工作,但element-ui的默认样式无法覆盖

`

plugins: [ Components({ resolvers: [ ElementUiResolver({ importStyle: undefined, }), ], }),

`

或者不导入样式,使用全局样式?

Reproduction

vuecli

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-11320H @ 3.20GHz
    Memory: 5.50 GB / 15.78 GB
  Binaries:
    Node: 14.18.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD
    npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.1702.0), Chromium (113.0.1774.57)
    Internet Explorer: 11.0.22621.1

Used Package Manager

yarn

Validations

lishaobos commented 1 year ago

你好,可以设置 importStyle 为 false,然后你引用全局样式,然后再写覆盖样式。

按需导入的样式优先级比较高,这可能是你覆盖不了的原因。