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


Загрузите веб-приложение с помощью # Node.js #Express #Webpack #Pug
В этом посте я попытаюсь объяснить, как вместе использовать современные фреймворки для разработки веб-приложений. Я не буду углубляться в конкретный проект. Мы будем использовать Javascript как язык как для серверного, так и для клиентского программирования. На стороне сервера Node.js будет запускать для нас Javascript. Экспресс поможет нам разобрать HTTP-запросы и вернет на них правильные ответы. Vues.js поможет нам создать клиентские структуры и связать их с..
Создание настраиваемого шаблона React / Bootstrap
Создание шаблона React / Bootstrap оказалось несложным; сделать его настраиваемым не было. В этой статье описаны шаги, которые потребовались для создания отправной точки для пользовательских проектов React / Bootstrap . Ключевые особенности включают: Использует reactstrap ; предоставляет версии компонентов React для элементов Bootstrap Проект поддерживает SASS; например, вы можете использовать переменные SASS для определения цветов вашего проекта. reactstrap..
Electron - очень быстрый рабочий процесс разработчика с Webpack HMR
Вы хотите просто сконцентрироваться на разработке и не думать о перезагрузке процесса и прочем внутреннем делах? Хотите просто написать код и сразу увидеть результат? Webpack - это решение. Склеить все части вместе немного сложно, но не беспокойтесь - electronic-webpack значительно упрощает настройку (таким же удобным и удобным способом, как electronic-builder упрощает упаковку и распространение приложений Electron). В настоящее время требуется особая структура проекта , но..
Новый подключаемый модуль сервера разработки Webpack
Мне всегда казалось странным использовать команду webpack-cli webpack-dev-server вместо webpack в моем сценарии npm для разработки. И вот, в прошлом месяце был выпущен webpack-plugin-serve , новый плагин для веб-пакетов, который можно использовать вместо причудливого webpack-dev-server. Я использую довольно простую разделенную конфигурацию из моего приложения uiCookbook/sidebars , чтобы продемонстрировать, как заменить webpack-dev-server новым плагином webpack-plugin-serve ...
Разделение пакетов и отложенная загрузка — Reactjs и Webpack
Ленивая загрузка модулей и разделение пакетов Webpack (React, Webpack и Babel) Спойлер Правильная настройка веб-пакета может оказать огромное влияние на работу вашего приложения. Впоследствии, отражая опыт пользователя. Давайте представим себе большую головоломку с тысячами кусочков, которые не помещаются на экране. Всякий раз, когда игрок хочет увидеть результат подобласти головоломки, он собирает кусочки, необходимые для этого подвида головоломки, и собирает их, чтобы увидеть..
Свобода от create-react-app (как создавать приложения на React без CRA)
Когда я начал переходить на Microfrontend с помощью Module Federation, я столкнулся с двумя проблемами, связанными с приложениями, созданными с использованием create-response-app (CRA). Первой проблемой была совместимость с Webpack 5 ( https://github.com/facebook/create-react-app/issues/9994 ). Второй проблемой была абстрактная конфигурация в CRA. Они не позволяют вам изменять или получать доступ к конфигурациям. Все устаревшие приложения, созданные с помощью create-react-app,..
Webpack, извлеките из него максимум пользы
Webpack - это сборщик модулей. Он возьмет все файлы (модули) JS в проекте и объединит их в один файл (обычно с именем bundle.js ), который можно использовать в вашем HTML в качестве единственного источника для всех функций JS. Это очень изящное решение решает проблемы коллизии пространств имен и непрозрачного разрешения, возникающие из-за наличия нескольких файлов JS в проекте, но webpack может сделать гораздо больше! Эта статья является второй частью короткой серии статей о webpack...