Съдържание:

React използва ли Webpack?
React използва ли Webpack?

Видео: React използва ли Webpack?

Видео: React използва ли Webpack?
Видео: Stop Using Create React App 2024, Ноември
Anonim

Реагирайте няма "нужда" от babel или уеб пакет но библиотеката е изградена върху концепцията за използвайки ES6 javascript синтаксис и JSX (по същество HTML в JS). Webpack е отделно от Реагирайте но често се използва в Реагирайте проекти по причини, споменати от MattYao.

По същия начин, приложението за създаване на реакция използва ли Webpack?

Използване на Create React App Създайте React App използва Webpack и Babel под капака, но генерира само файловете, които са ви необходими, за да работите върху вашия Реагирайте проект. Ако сте построили Реагирайте приложения преди, няма да имате достъп до конфигурационни файлове за Webpack , Babel, ESLint и др. По този начин вие се фокусирате само върху изграждането на вашия ап.

По същия начин как да стартирам реакция на Webpack? Стъпка 2: Настройте Babel и Webpack

  1. Отворете командния ред и отидете (cd) до директорията es6-tutorial-react.
  2. Въведете следната команда, за да създадете файл package.json: npm init.
  3. Въведете следната команда, за да инсталирате модулите react и react-dom: npm install react react-dom --save-dev.

Освен по-горе, защо използваме Webpack в реакция?

Той може да се справи не само с комбиниране и минимизиране на JavaScript и CSS файлове, но и с други активи като файлове с изображения (spriting) чрез използване на плъгини. Webpack може да бъде използван като алтернатива на Cassette или ASP. NET Combination and Minification.

Как да добавя Webpack към ReactJS?

Инсталиране на ReactJS с помощта на webpack и babel

  1. Стъпка 1 - Създайте основната папка.
  2. Стъпка 2 - инсталирайте React и реагирайте dom.
  3. Стъпка 3 - Инсталирайте webpack.
  4. Стъпка 4 - Инсталирайте babel.
  5. Стъпка 5 - Създайте файловете.
  6. Стъпка 6 - Задайте компилатор, сървър и зареждачи.
  7. Стъпка 7 - индекс.
  8. Стъпка 8 – Приложение.

Препоръчано: