Мазмуну:

React Webpack колдонобу?
React Webpack колдонобу?

Video: React Webpack колдонобу?

Video: React Webpack колдонобу?
Video: НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack? 2024, Май
Anonim

React babel же "керек" эмес веб-пакет бирок китепкана деген концепциянын негизинде курулган колдонуу ES6 JavaScript синтаксиси жана JSX (негизинен JSдеги HTML). Webpack дан өзүнчө болуп саналат React бирок көбүнчө колдонулат React MattYao айтылган себептерден улам долбоорлор.

Ошо сыяктуу эле, реакция колдонмосун түзүү Webpack колдонобу?

React App түзүү колдонуу React App түзүү колдонот Webpack жана Бабель капоттун астында, бирок ал сиз иштөөгө керектүү файлдарды гана жаратат React долбоор. Эгерде сиз курган болсоңуз React Мурунку колдонмолордо конфигурация файлдарына кире албай каласыз 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 файлдарын айкалыштыруу жана кичирейтүүнү гана эмес, ошондой эле башка активдерди, мисалы, сүрөт файлдары (спринтинг) аркылуу башкара алат. колдонуу плагиндердин. Webpack болушу мүмкүн колдонулган Кассетага же ASP. NET айкалышы жана кичирейтүүсүнө альтернатива катары.

ReactJSке веб пакетти кантип кошом?

Webpack жана babel аркылуу ReactJS орнотуу

  1. 1-кадам - Түпкү папканы түзүү.
  2. 2-кадам - React and react dom орнотуу.
  3. 3-кадам - Веб пакетти орнотуу.
  4. 4-кадам - babel орнотуу.
  5. 5-кадам - Файлдарды түзүү.
  6. 6-кадам - Компиляторду, серверди жана жүктөгүчтөрдү орнотуңуз.
  7. 7-кадам - индекс.
  8. 8-кадам – Колдонмо.

Сунушталууда: