Агуулгын хүснэгт:

React нь Webpack ашигладаг уу?
React нь Webpack ашигладаг уу?

Видео: React нь Webpack ашигладаг уу?

Видео: React нь Webpack ашигладаг уу?
Видео: 3. React Redux - настраиваем React в Webpack 2024, Арваннэгдүгээр
Anonim

Хариу үйлдэл үзүүлэх babel эсвэл "хэрэгтэй" биш вэб багц харин номын сан нь үзэл баримтлал дээр баригдсан ашиглах ES6 javascript синтакс ба JSX (үндсэндээ JS дэх HTML). Вэб багц -аас тусдаа байдаг Хариу үйлдэл үзүүлэх гэхдээ ихэвчлэн ашигладаг Хариу үйлдэл үзүүлэх МэттЯогийн дурдсан шалтгааны улмаас төслүүд.

Үүний нэгэн адил, хариу үйлдэл хийх програм үүсгэх нь Webpack ашигладаг уу?

React програмыг ашиглах нь React програм үүсгэх ашигладаг Вэб багц болон Babel доор, гэхдээ энэ нь зөвхөн таны ажиллах шаардлагатай файлуудыг үүсгэдэг Хариу үйлдэл үзүүлэх төсөл. Хэрэв та барьсан бол Хариу үйлдэл үзүүлэх Өмнөх програмуудыг ашиглавал та тохиргооны файлд хандах эрхгүй болно Вэб багц , 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 Combination and Miniification-ийн өөр хувилбар болгон.

Би ReactJS-д вэб багцыг хэрхэн нэмэх вэ?

Webpack болон babel ашиглан ReactJS суулгаж байна

  1. Алхам 1 - Root хавтас үүсгэх.
  2. Алхам 2 - React and react dom програмыг суулгана уу.
  3. Алхам 3 - Вэб багцыг суулгана уу.
  4. Алхам 4 - babel суулгана.
  5. Алхам 5 - Файл үүсгэх.
  6. Алхам 6 - Хөрвүүлэгч, Сервер, Ачаалагчийг тохируулах.
  7. Алхам 7 - индекс.
  8. Алхам 8 - Програм.

Зөвлөмж болгож буй: