Публикации по теме 'bundle'


Медленное время запуска
Мое приложение открывается слишком долго (7–12 сек). В режиме разработки я заметил задержку (15 сек) на сервере узла между пакетированием и первым console.log() "индексного .js» (самый первый файл). Я включил Hermes Я начал использовать встроенный запрос Я удалил неиспользуемые файлы и неиспользуемые отчеты Не могли бы вы, ребята, помочь мне с этим, это очень срочно (я застрял в этом в течение последних 1-2 недель). Пожалуйста, обратитесь к изображению, чтобы увидеть пробел. (//TRE..
Как я могу использовать модуль npm во внешнем javascript?
Если вы разрабатываете с помощью Node.js, вам будет приятно использовать кучу модулей и сэкономить время. Но, в вашей передней части. Вы не можете использовать «требовать» или «импортировать» что-либо. Если бы вы попробовали это. Вы могли видеть эту ошибку. Uncaught Reference Error: require is not defined at [your script] or Uncaught SyntaxError: Cannot use import statement outside a module. Итак, что вы должны сделать? сделайте исходный файл, используя require или..
Загрузчики и транспиляторы модулей
В этом посте мы надеемся изучить прошлое, текущее и будущее состояние процессов сборки в интерфейсных технологиях. При работе с узлом использование модулей является обычным явлением, но я обнаружил, что не так много информации о том, как делать подобные вещи в браузере, поэтому я изучил его немного подробнее. Я хотел понять состояние транспиляции кода и объединения модулей, чтобы позволить текущим и более старым браузерам работать с написанным кодом, который использует модули или..
Анализ зависимостей приложения create-react-app
Анализ зависимостей приложения create-react-app Я знаю 2 отличных инструмента для визуализации JS-пакета React: source-map-explorer Webpack.analyse источник-карта-проводник Первый показывает размеры и размещение модулей внутри связки. Этот инструмент читает исходные карты и рисует диаграмму. Итак, убедитесь, что исходные карты включены для вашего проекта. Пользоваться им очень просто: установить через yarn add -D source-map-explorer добавьте эту строку в scripts..
Как я уменьшил размер финальной сборки
Если вы создаете приложение React + Redux, связанное с бизнесом, размер вашего приложения постепенно увеличивается с появлением новых функций и разработок. В моем случае он достиг 10,6 МБ😱. Выполнив несколько простых шагов, ничего не меняя в коде, я смог уменьшить размер сборки на 80%. Я работал над проектом долгое время, и постепенно размер пакета увеличивался, а я этого не замечал. Однажды я пытался войти в свое мобильное приложение с небольшим медленным интернетом и был шокирован,..
Упакуйте свои веб-материалы в модуль Bundle с помощью Webpack
Webpack - это сборщик модулей JavaScript с открытым исходным кодом. Это сборщик модулей в первую очередь для JavaScript, но он может преобразовывать внешние ресурсы, такие как HTML, CSS, даже изображения, если включены соответствующие плагины. Почему именно Webpack? Если вы создаете большое клиентское приложение со многими статическими ассетами, такими как javascript, css, изображения, шрифты и т. Д., Тогда да, webpack даст вам большие преимущества. Не было бы проблем, если..
5 способов уменьшить размер пакета JavaScript
Как оптимизировать приложение за счет уменьшения размера пакета Сегодня мы активно используем JavaScript в веб-разработке, и мы можем найти множество приложений с большими размерами пакетов. Однако после определенного предела это начинает сказываться на производительности приложения. В этой статье я расскажу о 5 методах уменьшения размера пакета JavaScript, чтобы избежать узких мест в производительности. 1. Разделение кода с помощью Webpack Разделение кода позволяет вам..