Как отключить предупреждение Svelte "Неиспользуемый CSS селектор"

Question

Подход моего графического c дизайнера для форматирования нашего приложения Svelte заключается в систематизированном наборе c классов в LESS, импорте соответствующего файла LESS в компонент или страницу, а затем в применении этих классов везде, где они нужны. , В результате у нас есть огромное количество неиспользуемых классов, которые мы могли бы использовать позже.

Самое замечательное в Svelte заключается в том, что неиспользованные CSS не компилируются, поэтому все эти (пока) избыточные классы все равно не мешают. Однако всякий раз, когда мы компилируем, мы получаем большой список предупреждений: «Unused CSS selector». Это является серьезным неудобством, поскольку затрудняет обнаружение фактической ошибки. Кроме того, это выглядит ужасно.

Я проверил документацию и есть способ подавления предупреждений, но это работает только для части HTML.

Есть ли любой способ избавиться от этих предупреждений? Не то чтобы мы использовали Svelte Preprocess .

Answer 1

Я нашел это решение немного более плавным, которое я слегка изменил:

// rollup.config.js
...
svelte({
    ...
    onwarn: (warning, handler) => {
        const { code, frame } = warning;
        if (code === "css-unused-selector")
            return;

        handler(warning);
    },
    ...
}),
...

Answer 2

Кажется, нет никакой возможности правильно отключить это предупреждение. Однако существует обходной путь.

В node_modules / svelte / compiler. js, удалите строку 24842 или добавьте ее в комментариях:

this.stylesheet.warn_on_unused_selectors(this);

Вам придется сделать это снова при обновлении или переустановке svelte.