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


Использование ADVANCED_OPTIMIZATIONS компилятора Closure с Webpack
Использование компилятора Closure с Webpack + Typescript через Tsickle В AppMonet мы ежедневно обслуживаем сотни терабайт JavaScript на десятках миллионов устройств. Наш SDK развернут в сотнях лучших приложений; иногда в нескольких приложениях на одних и тех же телефонах. Крайне важно, чтобы мы минимизировали влияние нашего SDK - реклама должна потреблять как можно меньше ресурсов. Раздутие Javascript поражает открытую сеть; средняя веб-страница содержит 350 КБ сжатого сжатым..
Настройка среды разработки ES6
В настоящее время большинство браузеров не поддерживают все новые функции ES6 ( см. таблицу совместимости ). Поэтому вам нужно использовать компилятор (транспилятор), чтобы преобразовать код ES 6 в код, совместимый с ES 5. НПМ NPM — это менеджер пакетов, который позволяет легко устанавливать библиотеки в ваш проект. www.npmjs.com содержит тысячи бесплатных пакетов для загрузки и использования. Программа NPM устанавливается на ваш компьютер при установке Node. Пакет в Node..
Красота комплектации
Пакетирование, относящееся к веб-приложениям, представляет собой объединение ресурсов, необходимых для обслуживания веб-сайта. Иногда это называют компиляцией сайта, хотя это определение не совсем подходит. Связывание — довольно странное требование в веб-проектах. Теоретически вам не нужно ничего компилировать, транспилировать, конвертировать или оптимизировать для создания веб-сайта. В конце концов, в соответствии с тем, как был разработан Интернет, окончательные производственные..
Распараллеливание рабочих нагрузок Javascript — построение высокопроизводительных графиков с помощью Plotly.js
Недавно мы экспериментировали с построением различных графиков в реагирующем приложении с помощью Plotly.js . Довольно быстро стало понятно, что работать с большими наборами данных в основном потоке приложения просто невозможно. Перетаскивание ползунка диапазона дат для фильтрации графиков вызывает раздражение, а не гладкость, к которой мы стремимся. Введите Вебворкеры . WebWorkers позволяют переносить задачи, интенсивно использующие процессор, на другие потоки и поддерживаются..
Исходные карты и как это работает
Исходные карты потрясающие. Почему? Потому что они используются для отображения исходного кода JavaScript во время отладки, что намного проще для просмотра, чем минифицированный производственный код. В некотором смысле исходные карты - это кольцо декодера для вашего секретного (минифицированного) кода. Используя Webpack, указание devtool: "source-map" в вашей конфигурации Webpack включит исходные карты, а Webpack выведет директиву sourceMappingURL в ваш окончательный..
Развитие инструментов разработчика
Как веб-разработчик я трачу много времени на «кодирование», но на самом деле очень мало времени уходит на ввод Javascript, HTML или CSS в окно SublimeText. «Кодирование» включает в себя тщательный просмотр документации, выборочное тестирование изменений и отладку ошибок. А еще есть ужасная задержка обновления. Любой разработчик, который хоть немного отошел от этапов проекта «Hello World», знает, что «кодирование» означает множество переходов от редактора кода к браузеру. Внесите..
Обновление до React 17 и Webpack 5
Как я обновил свой проект до React 17 и Webpack 5 Я работаю с React уже несколько лет. До сих пор, после каждого выпуска, он всегда с нетерпением ждал возможности опробовать новые функции. Но с React 17 этого не произошло. Он рекламировался как выпуск без новых функций . Сначала я был немного разочарован, но все равно продолжил обновление до React 17 и Webpack 5. Позже я заметил несколько улучшений в React 17, которые я настоятельно рекомендую обновить. В этой статье будут..