Mündəricat:

Reaksiya Webpack istifadə edirmi?
Reaksiya Webpack istifadə edirmi?

Video: Reaksiya Webpack istifadə edirmi?

Video: Reaksiya Webpack istifadə edirmi?
Video: Оптимизация размера пакета React — разделение кода №1 #webpack #bundle #react 2024, Bilər
Anonim

Reaksiya babel və ya "lazım deyil" veb paketi lakin kitabxana anlayışı üzərində qurulur istifadə edərək ES6 javascript sintaksisi və JSX (əsasən JS-də HTML). Veb paketi -dən ayrıdır Reaksiya lakin tez-tez istifadə olunur Reaksiya layihələri MattYao qeyd etdiyi səbəblərə görə.

Eyni şəkildə, reaksiya proqramı yaratmaq Webpack istifadə edirmi?

Reaksiya Tətbiqini Yarat-dan istifadə Reaksiya Tətbiqi Yaradın istifadə edir Veb paketi və başlıq altında Babel, ancaq üzərində işləmək üçün lazım olan yalnız faylları yaradır Reaksiya layihə. Əgər inşa etmisinizsə Reaksiya əvvəl tətbiqlər üçün konfiqurasiya fayllarına girişiniz olmayacaq Veb paketi , Babel, ESLint, və s. Beləliklə, siz yalnız öz işinizi qurmağa diqqət yetirirsiniz proqram.

Eynilə, mən Webpack reaksiyasını necə işlədə bilərəm? Addım 2: Babel və Webpack qurun

  1. Komanda əmrini açın və (cd) es6-tutorial-react qovluğuna gedin.
  2. package.json faylı yaratmaq üçün aşağıdakı əmri yazın: npm init.
  3. React və react-dom modullarını quraşdırmaq üçün aşağıdakı əmri yazın: npm install react react-dom --save-dev.

Yuxarıdakılara əlavə olaraq, nəyə görə reaksiyada Webpack istifadə edirik?

O, yalnız JavaScript və CSS fayllarının birləşməsini və kiçildilməsini deyil, həm də şəkil faylları (spriting) kimi digər aktivləri idarə edə bilər. istifadə edin plaginlərdən ibarətdir. Veb paketi ola bilər istifadə olunur Kasset və ya ASP. NET Combination and Miniification-a alternativ olaraq.

ReactJS-ə veb paketini necə əlavə edə bilərəm?

Webpack və babel istifadə edərək ReactJS quraşdırılması

  1. Addım 1 - Kök qovluğunu yaradın.
  2. Addım 2 - React and React dom quraşdırın.
  3. Addım 3 - Veb paketini quraşdırın.
  4. Addım 4 - babel quraşdırın.
  5. Addım 5 - Faylları yaradın.
  6. Addım 6 - Kompilyator, Server və Yükləyiciləri təyin edin.
  7. Addım 7 - indeks.
  8. Addım 8 - Tətbiq.

Tövsiyə: