Мазмұны:

React Webpack пайдаланады ма?
React Webpack пайдаланады ма?

Бейне: React Webpack пайдаланады ма?

Бейне: React Webpack пайдаланады ма?
Бейне: НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack? 2024, Қараша
Anonim

Реакция babel немесе «қажет емес». веб-пакет бірақ кітапхана тұжырымдамасы бойынша құрылған қолдану ES6 javascript синтаксисі және JSX (негізінен JS ішіндегі HTML). Веб-пакет -дан бөлек Реакция бірақ жиі қолданылады Реакция МэттЯо атап өткен себептер бойынша жобалар.

Сол сияқты, реакция қолданбасын жасау Webpack пайдаланады ма?

React қолданбасын жасау арқылы React қолданбасын жасаңыз пайдаланады Веб-пакет және Бабель қақпағының астында, бірақ ол тек сіздің жұмысыңыз үшін қажет файлдарды жасайды Реакция жоба. Егер сіз салған болсаңыз Реакция бұрын қолданбалар үшін конфигурация файлдарына қол жеткізе алмайсыз Веб-пакет , 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 файлдарын біріктіруді және кішірейтуді ғана емес, сонымен қатар кескін файлдары (спринтинг) сияқты басқа активтерді де басқара алады. пайдалану плагиндер. Веб-пакет бола алады пайдаланылады кассетаға немесе 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-қадам – Қолданба.

Ұсынылған: