css-selectors - 将 svelte-ignore 警告注释应用于所有文件

Question

我在控制台中收到了一堆警告，说来自其他文件或已删除的 css 的 css 为“未使用的 CSS 选择器”。可能与https://github.com/sveltejs/sapper/issues/842有关，但现在我只是在寻找一种方法来防止未使用的 css 选择器警告出现在控制台中。

我试过在 _layout.svelte 和 template.html 文件的顶部写这样的注释:<!-- svelte-ignore css-unused-selector -->正如这里所做的那样:https://svelte.dev/docs#Comments ，但它不起作用。我可以通过并将其添加到每个文件中，但我想知道是否有办法使其适用于所有文件。谢谢。

Answer 1

我在导入 3rd 方 scss 库时遇到了这个问题。一种选择是在 rollup.config.js 中删除此警告。文件。这涉及创建自定义 onwarn处理程序。像这样:

export default {
    client: {
        ...
            svelte({
                dev,
                hydratable: true,
                emitCss: true,
                preprocess,
                // Warnings are normally passed straight to Rollup. You can
                // optionally handle them here, for example to squelch
                // warnings with a particular code
                onwarn: (warning, handler) => {
                    // e.g. don't warn on <marquee> elements, cos they're cool
                    if (warning.code === 'PLUGIN_WARNING') return;

                    // let Rollup handle all other warnings normally
                    handler(warning);
                }
            }),
            ...
    },
    ...
}

上面的配置只是一起抛出了 css-unsed-selector 警告。在此处的文档中可以找到完整的详细信息: https://github.com/sveltejs/rollup-plugin-svelte#usage