对所有文件应用svelte-ignore警告注释

Question

我一直在控制台收到一堆警告，说 "未使用CSS选择器 "的CSS来自其他文件或已经删除的CSS。这可能与以下原因有关 https:/github.comsveltejssapperissues842。但现在我只是在寻找一种方法来防止未使用的css选择器警告出现在控制台。

我试过在_layout.svelte和template.html文件的顶部写上注释，就像这样。<!-- svelte-ignore css-unused-selector --> 就像这里一样 https:/svelte.devdocs#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.comsveltejsrollup-plugin-svelte#usage