3

我在控制台中收到一堆警告，说来自其他文件或已删除的 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 ，但它不起作用。我可以将其添加到每个文件中，但我想知道是否有办法让它适用于所有文件。谢谢。

4

1 回答 1

2

我在导入 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

于 2020-05-21T14:32:13.720 回答