Публикации по теме 'webpack'
Сжатие одного файла или нескольких файлов в zip-формат на стороне клиента
Отправка одного файла или нескольких файлов пользователем в сеть, что может потреблять большой сетевой трафик, что, в свою очередь, приводит к увеличению стоимости сети. Один из способов уменьшить сетевой трафик данных - уменьшить объем данных, отправляемых на сервер, путем сжатия загружаемых файлов. В этом методе мы вводим библиотеку Javascript JSZip , которая способна сжимать файлы в формат .zip.
Давайте создадим каталог проекта, запустим пакет npm и установим JSZip как..
Меньше чем за день я разработал и опубликовал свое первое расширение для настольных компьютеров
Исходный код доступен на моем GitHub . Я намеренно упустил некоторые функции (например, стиль, тесты), чтобы другие могли прийти и внести свой первый вклад с открытым исходным кодом (кроме того, я отстой в дизайне, лол). Приложение очень сырое, так что есть много возможностей для улучшения (и возможностей внести свой вклад), так как в любом случае это первый выпуск.
Я думаю о создании серии видеоуроков обо всем процессе. (Я тщательно структурировал свои коммиты git, чтобы отразить это..
Настройка MithrilJS с JSX с помощью WebPack и Babel
В моем последнем сообщении я рассмотрел базовую настройку и то, как управлять элементами DOM, используя нестандартный синтаксис, предоставляемый фреймворком Mithril после установки. В этой статье я расскажу, как настроить и использовать синтаксис JSX с Mithril. Для тех, кто не знаком с JSX; JSX (JavaScript XML) - это синтаксическое расширение Javascript, созданное для ReactJS, которое упрощает чтение (и больше похоже на ванильный HTML) код. С JSX код намного легче читать и..
Создание веб-страницы с помощью Webpack
В этой статье мы рассмотрим, как создать веб-страницу и упаковать ее в распространяемый готовый код с помощью Webpack.
Что такое вебпак?
Webpack — это просто упаковщик, он берет ваши js-модули с перекрестными ссылками и создает один статический js-файл. Его также можно настроить с помощью специализированных загрузчиков для обработки таких файлов, как jpg, pngs и css, которые он упакует так, чтобы на них правильно ссылался ваш файл js.
Зачем использовать Webpack?
Разрешая..
Роль Babel и Webpack в приложении create-react-app
С появлением инструмента командной строки Facebook create-react-app большая часть настройки и работы по настройке приложений React.js была абстрагирована. Хотя эта однострочная команда слишком хороша, чтобы быть правдой, она помогает понять некоторые механизмы, происходящие под капотом. Два важных инструмента настройки, которые настраивает приложение create-react-app, - это Babel и Webpack. Что они собой представляют и зачем они нам нужны в наших приложениях React.js?
Вавилон..
Настройка конфигурации Webpack - часть I
эта статья - первая часть базовой настройки веб-пакета для веб-приложений.
Настройка конфигурации Webpack - часть I (вы здесь) Настройка конфигурации Webpack - часть II
Webpack - один из самых популярных (›35,7 тыс. Звезд на github в день написания этого) javascript и других пакетов ресурсов, доступных для веб-разработки. Написав очень небольшую конфигурацию, вы можете начать с базовой настройки разработки.
В этой статье я покажу быструю настройку базовых конфигураций для..
Бесконечная прокрутка с асинхронной загрузкой компонентов React с использованием Webpack и bundle-loader
Представьте, что вы создаете длинную веб-страницу с помощью React. Вы разделили всю свою страницу на компоненты и визуализируете их все один за другим, чтобы создать удобную посадочную страницу.
Пришло время подумать об оптимизации. Вы отключаете кеш, перезагружаете страницу, а затем ожидаете неприемлемые 2 или 3 секунды для загрузки всех компонентов. Это неудивительно, учитывая все эти сотни килобайт изображений, кода зависимостей и стилей.
Чтобы справиться с этой проблемой, мы..
