Как удалить мертвый код в приложении «Создать React»

Question

У меня есть проект create-реагировать на приложение, и я работаю над уменьшением размера моего связанного файла JS.Около половины размера моего пакета происходит от зависимости, называемой MDBReact (библиотека компонентов реагирования), и большая ее часть не используется.Я пытаюсь выяснить, как / если я могу удалить мертвый код с дрожанием дерева из встроенной сборки.Некоторое время я изучал это, и самая близкая статья, которую я нашел, была эта .Эта статья оставляет меня в замешательстве и не дает никаких объяснений того, как или если это можно сделать.Я также нашел это руководство по дрожанию дерева веб-пакетов, объясняющее, как это можно сделать, но, похоже, это не решает проблему.

Answer 1

CRA использует веб-пакет для связывания кода.Webpack может использовать только модули дерева по умолчанию и модули commonjs при использовании плагинов.

Чтобы помочь вам в пути, как вы в настоящее время импортируете из MDBReact?

Похоже, MDBReact не записан вПоэтому для модулей и веб-пакетов будет трудно встряхнуть дерево, если вы воспользуетесь следующим оператором импорта:

import { module } from 'MDBReact';

Вместо этого вы можете попробовать импортировать, используя следующие

import modules from 'MDBReact/module';

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