React-ace: Уменьшить размер пакета

к сожалению, @fumblehool brace и ace - огромные библиотеки. Я также хотел бы найти способ уменьшить размер пакета.

Как это сделать? Я с радостью вам помогу.

Я буду открыт для любой помощи. Я не уверен, что именно влияет на размер, кроме зависимостей.

Вы можете разделить свой пакет на маршруты верхнего уровня, которые используют react-ace.
Например, если у вас есть маршрут / posts / new для страницы, которая включает редактор, вы можете загружать компонент страницы асинхронно с помощью System.import.

В реактивном маршрутизаторе 3 это возможно, используя опору getComponent для <Route>

Это не решит проблему огромного размера туза и скобки, и я думаю, что ничего не решит, каждая библиотека wysiwyg огромна по размеру. Но, по крайней мере, ваш сайт не будет загружать этот лишний 1 МБ данных, когда он не нужен.

Brace составляет до 66% моей относительно сложной сборки SPA с веб-пакетом (create-react-app).

Знаете ли вы, как уменьшить размер brace ? Можно ли применить агрессивную минификацию? Это действительно поможет

Жду хорошего ответа на этот вопрос.

Я создал инструмент, который поможет вам анализировать пакеты веб-пакетов на предмет регрессии размера и сообщать о них непосредственно в PR GitHub. Это бесплатно для открытого исходного кода, поэтому, возможно, стоит попробовать и помочь в этом сценарии.

https://packtracker.io

поэтому в версии 8 для react-ace мы отказались от поддержки brace и должны импортировать только файлы ace, которые вам абсолютно необходимы. Теоретически размеры пакетов должны быть меньше, но я этого не проверял.

Не совсем, это даже немного хуже, поскольку brace был 640,83 КБ, тогда как ace-builds - 665,48 КБ.
Это огромный :/

есть идеи, что мы можем уменьшить размер пакета?

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

Возникла та же проблема, когда размер пакета неприемлем для моего проекта. Я пробовал react-syntax-highlighter потому что у них _light_ версия. Возможно, стоит посмотреть, как они с этим справляются. Я думаю, что плагин ace на самом деле лучше, и я надеялся, что у него будет аналогичная облегченная версия.

https://github.com/react-syntax-highlighter/react-syntax-highlighter#light -build