如何禁用 svelte 中未使用的样式警告

Question

我有一个用于全局样式的 CSS 规则，该样式有效，但我的终端一直向我显示此警告，如何禁用它？

\n

src/components/Navbar.svelte changed. rebuilding...\n\xe2\x80\xa2 server\nsrc/routes/index.svelte\nModule Warning (from ./node_modules/svelte-loader-hot/index.js):\nUnused CSS selector "*" (22:2)\n20: \n21: <style global>\n22:   * {\n      ^\n23:     font-family: 'Poppins';\n24:   }\n\xe2\x80\xa2 client\nsrc/routes/index.svelte\nModule Warning (from ./node_modules/svelte-loader-hot/index.js):\nUnused CSS selector "*" (22:2)\n20: \n21: <style global>\n22:   * {\n      ^\n23:     font-family: 'Poppins';\n24:   }\n\xe2\x9c\x94 service worker (73ms)\n\n

\n

Answer 1

<style global>有趣，但我在官方文档中找不到任何有关的内容。您在哪里看到支持此语法？

要解决此问题，您可以使用:global(*)修饰符而不仅仅是*选择器，或者将所有全局样式移动到一个单独的global.css文件中（对于声明*, body, a, ... 的样式很有用）。你可以在官方模板中找到一个基本的svelte项目架构，并且有一个/src/public/global.css文件。