Mundarija:

React Webpackdan foydalanadimi?
React Webpackdan foydalanadimi?

Video: React Webpackdan foydalanadimi?

Video: React Webpackdan foydalanadimi?
Video: Django & React Tutorial #3 — Интеграция React с помощью Webpack и Babel 2024, Noyabr
Anonim

Reaksiya qilish babel yoki "kerak" emas veb-paket lekin kutubxona tushunchasi asosida qurilgan foydalanish ES6 javascript sintaksisi va JSX (asosan JSda HTML). Veb-paket dan ajralib turadi Reaksiya qilish lekin tez-tez ishlatiladi Reaksiya qilish MattYao aytib o'tgan sabablarga ko'ra loyihalar.

Xuddi shunday, reaktsiya ilovasini yaratish Webpack-dan foydalanadimi?

React ilovasidan foydalanish React ilovasini yarating foydalanadi Veb-paket va qalpoq ostidagi Babel, lekin u faqat siz ustida ishlashingiz kerak bo'lgan fayllarni yaratadi Reaksiya qilish loyiha. Agar siz qurgan bo'lsangiz Reaksiya qilish oldingi ilovalar uchun konfiguratsiya fayllariga kira olmaysiz Veb-paket , Babel, ESLint, va hokazo. Shunday qilib, siz faqat o'zingizni yaratishga e'tibor qaratasiz ilova.

Xuddi shunday, Webpack reaksiyasini qanday ishga tushiraman? 2-qadam: Babel va Webpackni sozlang

  1. Buyruqlar satrini oching va (cd) es6-tutorial-react katalogiga o'ting.
  2. package.json faylini yaratish uchun quyidagi buyruqni kiriting: npm init.
  3. React va react-dom modullarini o'rnatish uchun quyidagi buyruqni kiriting: npm install react react-dom --save-dev.

Yuqoridagilardan tashqari, nima uchun biz Webpackni reaksiyada ishlatamiz?

U nafaqat JavaScript va CSS fayllarini birlashtirish va kichiklashtirishni, balki tasvir fayllari (spriting) kabi boshqa aktivlarni ham boshqara oladi. foydalanish plaginlardan. Veb-paket bolishi mumkin ishlatilgan Cassette yoki ASP. NET Combination and Miniification ga muqobil sifatida.

ReactJS-ga veb-paketni qanday qo'shishim mumkin?

Webpack va babel yordamida ReactJS-ni o'rnatish

  1. 1-qadam - Ildiz papkasini yarating.
  2. 2-qadam - React va react dom-ni o'rnating.
  3. 3-qadam - veb-paketni o'rnating.
  4. 4-qadam - babelni o'rnating.
  5. 5-qadam - Fayllarni yarating.
  6. 6-qadam - kompilyator, server va yuklagichlarni o'rnating.
  7. 7-qadam - indeks.
  8. 8-qadam - Ilova.

Tavsiya: