我在控制台中收到了一堆警告,说来自其他文件或已删除的 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 ,但它不起作用。我可以通过并将其添加到每个文件中,但我想知道是否有办法使其适用于所有文件。谢谢。
最佳答案
我在导入 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
关于css-selectors - 将 svelte-ignore 警告注释应用于所有文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60677238/