css - VS Code 中的 SvelteKit 未使用的 CSS 选择器警告

Question

如何删除 VS Code 未使用的 CSS 选择器警告？此警告存在于我使用 <style lang="scss"> 的所有文件中.我知道我不使用 .btn一些组件中的类，但我希望此类作为全局 css。

我的 svelte.config.js :

const config = {
    onwarn: (warning, handler) => {
        const { code, frame } = warning;
        if (code === "css-unused-selector")
                return;

        handler(warning);
    },
    preprocess: [
        preprocess({
            defaults: {
                style: 'scss'
            },
            postcss: true,
            scss: {
                prependData: `@import 'src/scss/global.scss';`
            }
        })
    ],
};

有人能帮帮我吗？

Answer 1

如果您使用 prependData，这意味着您将导入添加到每个使用样式的组件。这不是您想要的，因此删除此设置。您想要的是一次导入此文件，以便它在全局范围内可用。这可以通过将它导入脚本标签来完成，SvelteKit(或者更确切地说:Vite)可以处理样式导入。

在你的根 __layout.svelte 文件中，添加

<script>
  import 'path/to/your/global.scss';
</script>