Публикации по теме 'webpack'
Как использовать Polymer с Webpack
Как использовать Polymer с Webpack
За последний год я провел ряд обсуждений с компаниями среднего и крупного размера, которые заинтересованы в создании общих библиотек пользовательского интерфейса, которыми могут пользоваться все их команды. Часто эти команды находятся в разных стеках (React, Vue, Angular и т. Д.), Поэтому использование чего-то вроде веб-компонентов и полимера имеет смысл, поскольку все эти фреймворки могут использовать веб-компоненты и взаимодействовать с ними...
React: загрузить глобальную библиотеку JavaScript с помощью Webpack
При использовании React и Dynamic Web TWAIN для создания приложения для сканирования веб-документов я не понимал, как загрузить Dynamsoft.webtwain.min.js , глобальную библиотеку JavaScript, такую как jQuery , в мой проект. Некоторое время я искал в Google соответствующие вопросы, но мне было трудно найти полезные ответы. Затем я начал изучать webpack с нуля и, наконец, понял, как заставить его работать. В этой статье я поделюсь не только решениями, но и проблемами, с которыми..
Достаточно ли ручной оптимизации производительности?
Достаточно ли ручной оптимизации производительности?
В течение последнего года я сосредоточился на инструментах, чтобы фронтенд-разработчики могли сосредоточиться на создании богатого пользовательского опыта, который не изобилует недостатком знаний о наборе инструментов. Я начал разрабатывать mink , инструмент для создания шаблонов на основе строковых шаблонов для универсальных реагирующих приложений с webpack . Недостаток инструментов, дающих новичкам преимущество над морем..
Быстрый и грязный способ развертывания приложений Vue + Webpack на Heroku
Если ваше приложение Vue даже немного велико, Webpack упрощает управление им. Вы можете использовать boillerplate webpack, чтобы создать приложение vue и сразу же начать его работу. Он поставляется с множеством приятностей, таких как горячая перезагрузка с сохранением состояния, которая может на порядки ускорить разработку. Шутки в сторону!
vuejs-templates / webpack webpack - полнофункциональная установка Webpack + vue-loader с горячей перезагрузкой,..
Как я уменьшил размер финальной сборки
Если вы создаете приложение React + Redux, связанное с бизнесом, размер вашего приложения постепенно увеличивается с появлением новых функций и разработок. В моем случае он достиг 10,6 МБ😱.
Выполнив несколько простых шагов, ничего не меняя в коде, я смог уменьшить размер сборки на 80%.
Я работал над проектом долгое время, и постепенно размер пакета увеличивался, а я этого не замечал. Однажды я пытался войти в свое мобильное приложение с небольшим медленным интернетом и был шокирован,..
Сокращение вашего bundle.js — Часть 2: UglifyJSPlugin
Потенциальная выгода: Уменьшение размера пакета примерно на 30 % Требуемое время: 5 минут Сложность: легко
Что это
UglifyJsPlugin — это плагин Webpack, который минимизирует ваш Javscript, удаляя пробелы и переименовывая переменные. Это неизбежно усложнит отладку, поэтому делайте это только в рабочей сборке.
Для меня это привело к уменьшению размера пакета более чем на 30%.
Как это сделать
Добавьте UglifyJsPlugin в раздел плагинов вашей конфигурации Webpack. Он уже..
Faster First Paints (новый плагин для веб-пакетов)
Джефф Кросс - соучредитель nrwl.io . Ранее он был техническим руководителем группы Angular Mobile в Google.
Сегодня мы выпускаем и открываем исходный код нового подключаемого модуля webpack, webpack-plugin-critical . Этот плагин представляет собой тонкую оболочку критической библиотеки Адди Османи .
Важная библиотека может обеспечить значительное сокращение времени, необходимого для визуализации начальной html-страницы, когда пользователи открывают ваше приложение. Это..
