Удалите неиспользуемые классы CSS из фреймворков, таких как начальная загрузка, в реактивном проекте

Question

В настоящее время мы разрабатываем реактивный проект с использованием webpack и babel и хотели бы автоматически удалить неиспользуемые классы CSS в используемых нами фреймворках CSS Bootstrap и AdminLTE 2.

В проекте, который мы используем webpack (v4.41.0) , babel (v7.6.2) и реагируют (16.10.1) . Чтобы использовать CSS-классы, мы используем плагин babel babel-plugin-реагировать-css-modules , который использует модули CSS.

Каков современный и современный способ сделать это?

Answer 1

Как уже писал djfdev, purgecss работает довольно хорошо: purgcss просто ищет во всех файлах JavaScript вхождения строк класса CSS используемых CSS-файлов и удаляет те, которые не могут быть найдены.