Дом » веб-дизайн и html » Как работает Webpack?

Как работает Webpack?

490
Последнее обновление: 2021-09-16 13:38:18


Ответить:
Изучение webpack полезно не только для работы с React , но и для настройки каждого внешнего проекта. Здесь webpack принимает необработанные компоненты React для создания кода JavaScript, который (почти) каждый браузер может понять. На этом этапе нет необходимости определять файл конфигурации для webpack . Следовательно, использует ли React Webpack? React не требует babel или webpack , но библиотека построена на концепция использования синтаксиса javascript ES6 и JSX (по сути, HTML в JS). Webpack отличается от React , но обычно используется в проектах React по причинам, упомянутым Мэттьяо. Что такое Webpack и как он работает? Webpack - это инструмент командной строки для создания пакетов ресурсов (кода и файлов). Webpack не работает на сервере или в браузере. Webpack принимает все ваши файлы javascript и любые другие ресурсы и преобразует их в один огромный файл. Затем этот большой файл может быть отправлен сервером в браузер клиента. Следовательно, почему Webpack используется в React? # Webpack - популярная система объединения модулей, построенная на основе Node. js. Он может обрабатывать не только комбинацию и минификацию файлов JavaScript и CSS, но также и другие ресурсы, такие как файлы изображений (спрайтинг), с помощью использования плагинов. Как настроить Webpack для реагирования? На этом этапе мы установим Babel и Webpack Установите webpack-dev-server. Вставьте приведенный ниже код в файлы index.js и index.html. index.js. Установите еще один помощник webpack, css-loader и style-loader, чтобы CSS работал в нашем приложении. Мы будем импортировать файлы CSS в наши компоненты. Создайте. Теперь запустите, запуск npm.

up