Используйте stylelint, чтобы проверить, существуют ли префиксы поставщиков

Question

Я ищу способ предотвратить конвейер Webpack / SCSS / Postcss / CSS для создания css файлов без префиксов поставщиков.

Мы используем autoprefixer для применять префиксы поставщиков. В прошлом эта сборка была случайно отключена, а сборка IE 11 была нарушена.

Я понимаю, что Stylelint имеет правил , которые проверяют наличие префикса поставщика, а затем выбрасывают ошибка et c. Есть ли способ, которым я могу достичь противоположности с помощью stylelint. Я открыт для написания / расширения правила или плагина для этой функции.

В качестве альтернативы: любое другое решение, не требующее Stylelint, будет приемлемо для меня, если доказано, что оно работает.

Answer 1

Если вы пытаетесь применить только один префикс поставщика, вы сможете использовать этот плагин. Если вам нужно указать разные префиксы для разных поставщиков, которые различаются в соответствии с каким-то другим правилом, вам придется самостоятельно раскошелиться на проект и настроить логи c.

https://github.com/SunHuawei/stylelint-force-app-name-prefix/

Я не тестировал этот плагин лично, поэтому я бы посоветовал вам просмотреть логи c в индексе. js и убедиться, что он делает то, что вам нужно. В частности, вы можете захотеть посмотреть на сообщения и настроить их.

И, конечно же, проверить, работает ли плагин для ваших нужд.

Как описывает ReadMe, вы просто укажите свой требуемый префикс как таковой:

{
  "plugins": [
    "stylelint-force-app-name-prefix"
  ],
  "rules": {
    // ...
    "plugin/stylelint-force-app-name-prefix": {
      appName: 'your-prefix'
    },
    // ...
  }
}