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

【问题标题】：Apply svelte-ignore warning comment to all files对所有文件应用 svelte-ignore 警告注释
【发布时间】：2020-06-25 20:52:02
【问题描述】：

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

我尝试在 _layout.svelte 和 template.html 文件的顶部编写 cmets，如下所示：，就像这里所做的：https://svelte.dev/docs#Comments，但它不起作用。我可以将其添加到每个文件中，但我想知道是否有办法让它适用于所有文件。谢谢。

【问题讨论】：

标签： css-selectors svelte sapper svelte-3

【解决方案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

【讨论】：

感谢 SyntaxRules。警告代码实际上是'PLUGIN_WARNING'，所以我提交了一个修改。
@Ross 听起来不错。我很难找到记录这些警告代码的位置。很高兴它成功了。