对所有文件应用 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

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