Πίνακας περιεχομένων:

Το react χρησιμοποιεί το Webpack;
Το react χρησιμοποιεί το Webpack;

Βίντεο: Το react χρησιμοποιεί το Webpack;

Βίντεο: Το react χρησιμοποιεί το Webpack;
Βίντεο: Το πλήρες μάθημα React JS για αρχάριους - Μάθετε το React σε 2 ώρες! +timecodes 2024, Ενδέχεται
Anonim

Αντιδρώ δεν «χρειάζεται» βαβέλ ή webpack αλλά η βιβλιοθήκη βασίζεται στην έννοια του χρησιμοποιώντας Σύνταξη javascript ES6 και JSX (ουσιαστικά HTML σε JS). Webpack είναι ξεχωριστό από Αντιδρώ αλλά συνήθως χρησιμοποιείται σε Αντιδρώ έργα για λόγους που ανέφερε ο MattYao.

Ομοίως, η δημιουργία εφαρμογής react χρησιμοποιεί το Webpack;

Χρήση της εφαρμογής Create React Δημιουργία εφαρμογής React χρήσεις Webpack και Babel κάτω από την κουκούλα, αλλά δημιουργεί μόνο τα αρχεία που χρειάζεστε για να εργαστείτε στο δικό σας Αντιδρώ έργο. Αν έχετε χτίσει Αντιδρώ εφαρμογές πριν, δεν θα έχετε πρόσβαση σε αρχεία διαμόρφωσης Webpack , Babel, ESLint, κ.λπ. Με αυτόν τον τρόπο, επικεντρώνεστε απλώς στο να φτιάξετε το δικό σας εφαρμογή.

Ομοίως, πώς μπορώ να εκτελέσω ένα Webpack αντιδρά; Βήμα 2: Ρυθμίστε το Babel and Webpack

  1. Ανοίξτε μια γραμμή εντολών και πλοηγηθείτε (cd) στον κατάλογο es6-tutorial-react.
  2. Πληκτρολογήστε την ακόλουθη εντολή για να δημιουργήσετε ένα αρχείο package.json: npm init.
  3. Πληκτρολογήστε την ακόλουθη εντολή για να εγκαταστήσετε τις λειτουργικές μονάδες react και react-dom: npm install react react-dom --save-dev.

Εκτός από τα παραπάνω, γιατί χρησιμοποιούμε το Webpack στο react;

Μπορεί να χειριστεί όχι μόνο συνδυασμό και ελαχιστοποίηση αρχείων JavaScript και CSS, αλλά και άλλα στοιχεία, όπως αρχεία εικόνας (spriting) μέσω του χρήση των προσθηκών. Webpack μπορεί να είναι μεταχειρισμένος ως εναλλακτική λύση για την κασέτα ή το συνδυασμό και ελαχιστοποίηση ASP. NET.

Πώς μπορώ να προσθέσω ένα πακέτο Web στο ReactJS;

Εγκατάσταση του ReactJS χρησιμοποιώντας webpack και babel

  1. Βήμα 1 - Δημιουργήστε το φάκελο Root.
  2. Βήμα 2 - εγκαταστήστε το React και το react dom.
  3. Βήμα 3 - Εγκαταστήστε το webpack.
  4. Βήμα 4 - Εγκαταστήστε το babel.
  5. Βήμα 5 - Δημιουργήστε τα Αρχεία.
  6. Βήμα 6 - Ορισμός μεταγλωττιστή, διακομιστή και φορτωτών.
  7. Βήμα 7 - ευρετήριο.
  8. Βήμα 8 − Εφαρμογή.

Συνιστάται: