Удаление неиспользованного кода материализации - css и js из React App для повышения эффективности

Question

Materialize- css приносит много уже запеченных компонентов для вас. Но если вы хотите использовать только 1 компонент (указатель даты) материализации - css в вашем приложении реакции. Будут ли реагировать на удаление остальных неиспользуемых компонентов из производственной сборки? Или мое приложение реакции будет нести весь материал ie css и js по пути?

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

Answer 1

Я предлагаю вам начать с анализатора пакетов для вашей сборки: https://github.com/webpack-contrib/webpack-bundle-analyzer

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

После этого вы можете проверить продувку CSS для удаления неиспользованных css: https://purgecss.com/

Answer 2

Лучший способ - ввести только то, что вам нужно, а не вычистить то, что вы потом не делаете.

https://medium.com/@mattdlockyer / youre using-materialize- css -неправильно -470b593e78e9

Для сборок Wordpress я использую sass для компиляции пользовательской материализации. css при создании сайта, и то же самое с js - я использую grunt для включения только компоненты, которые нужны проекту. Это более ручной подход.

В вашем случае вы можете следовать статье Мэтта, чтобы ввести материализованные компоненты на уровне компонентов в React.