תוכן עניינים:

האם תגובה משתמשת ב-Webpack?
האם תגובה משתמשת ב-Webpack?

וִידֵאוֹ: האם תגובה משתמשת ב-Webpack?

וִידֵאוֹ: האם תגובה משתמשת ב-Webpack?
וִידֵאוֹ: רימיקס עם Kent C. Dodds 2024, מאי
Anonim

לְהָגִיב לא "צריך" בבל או חבילת אינטרנט אבל הספרייה בנויה על הרעיון של באמצעות תחביר javascript ES6 ו-JSX (בעצם HTML ב-JS). Webpack הוא נפרד מ לְהָגִיב אבל נפוץ ב לְהָגִיב פרויקטים מסיבות ש-MatYao הזכיר.

באופן דומה, האם יישום Create react משתמש ב-Webpack?

שימוש באפליקציית Create React צור אפליקציית React שימושים Webpack ובאבל מתחת למכסה המנוע, אבל זה מייצר רק את הקבצים שאתה צריך כדי לעבוד על שלך לְהָגִיב פּרוֹיֶקט. אם בנית לְהָגִיב אפליקציות בעבר, לא תהיה לך גישה לקובצי תצורה עבור 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 יכול להיות בשימוש כחלופה לשילוב ומיניפיקציה של Cassette או ASP. NET.

כיצד אוכל להוסיף Webpack ל-ReactJS?

התקנת ReactJS באמצעות webpack ו-babel

  1. שלב 1 - צור את תיקיית השורש.
  2. שלב 2 - התקן את React ו-react dom.
  3. שלב 3 - התקן webpack.
  4. שלב 4 - התקנת באבל.
  5. שלב 5 - צור את הקבצים.
  6. שלב 6 - הגדר מהדר, שרת ומעמיסים.
  7. שלב 7 - אינדקס.
  8. שלב 8 - אפליקציה.

מוּמלָץ: