Webpack собрать один модуль 1000+ раз

Я разрабатываю приложение React.

На данный момент в моем основном приложении я использую импорт из внешнего приложения (подготовка библиотеки к публикации - два каталога вверх), которое использует те же зависимости, что и основное приложение.

У меня проблема в том, что мой веб-пакет создает одно событие компонента 3000 раз!

Я добавил несколько псевдонимов в веб-пакет в основном приложении, но он немного уменьшился.

Кто-нибудь знает, как избавиться от тысяч сборок одного и того же компонента?

 53% building modules 4983/6870 modules 1887 active ...\buttons\project\style.js
 53% building modules 4985/6870 modules 1885 active ...\buttons\project\style.js
 53% building modules 4987/6870 modules 1883 active ...\buttons\project\style.js
 53% building modules 4988/6870 modules 1882 active ...\buttons\project\style.js
 53% building modules 4991/6870 modules 1879 active ...\buttons\project\style.js
 53% building modules 4992/6870 modules 1878 active ...\buttons\project\style.js
 53% building modules 4993/6870 modules 1877 active ...\buttons\project\style.js
 53% building modules 4995/6870 modules 1875 active ...\buttons\project\style.js
 53% building modules 5000/6870 modules 1870 active ...\buttons\project\style.js
 53% building modules 5002/6870 modules 1868 active ...\buttons\project\style.js
 53% building modules 5003/6870 modules 1867 active ...\buttons\project\style.js
 53% building modules 5004/6870 modules 1866 active ...\buttons\project\style.js
 53% building modules 5005/6870 modules 1865 active ...\buttons\project\style.js
 53% building modules 5013/6870 modules 1857 active ...\buttons\project\style.js
 53% building modules 5014/6870 modules 1856 active ...\buttons\project\style.js
 53% building modules 5015/6870 modules 1855 active ...\buttons\project\style.js
 53% building modules 5017/6870 modules 1853 active ...\buttons\project\style.js
 53% building modules 5018/6870 modules 1852 active ...\buttons\project\style.js
 53% building modules 5020/6870 modules 1850 active ...\buttons\project\style.js
 53% building modules 5022/6870 modules 1848 active ...\buttons\project\style.js
 53% building modules 5023/6870 modules 1847 active ...\buttons\project\style.js
 53% building modules 5024/6870 modules 1846 active ...\buttons\project\style.js
 53% building modules 5026/6870 modules 1844 active ...\buttons\project\style.js
 53% building modules 5036/6870 modules 1834 active ...\buttons\project\style.js

часть конфигурации веб-пакета:

  resolve: {
    extensions: ['.ts', '.js', '.jsx'],
    alias: {
        "app-config": `./${NODE_ENV}.js`,
        recompose: path.resolve('./node_modules/material-ui/node_modules/recompose'),
        kotlin: path.resolve('./node_modules/kotlin'),
        warning: path.resolve('./node_modules/warning'),
        "hoist-non-react-statics": path.resolve('./node_modules/hoist-non-react-statics'),
        "object-assign": path.resolve('./node_modules/react-themeable/node_modules/object-assign'),
        "lodash.merge": path.resolve('./node_modules/webpack-merge/node_modules/lodash.merge'),
        isarray: path.resolve('./node_modules/isarray'),
        "material-ui": path.resolve('./node_modules/material-ui'),
        "@material-ui": path.resolve('./node_modules/@material-ui'),
        "lodash": path.resolve('./node_modules/lodash'),
        "lodash._baseEach": path.resolve('./node_modules/lodash._baseeach'),

Спасибо!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
88
1

Ответы 1

Я не уверен, но это может быть рекурсивный импорт вашего компонента где-то ...

Другие вопросы по теме