Τι είναι το Devtool στο Webpack;
Τι είναι το Devtool στο Webpack;

Βίντεο: Τι είναι το Devtool στο Webpack;

Βίντεο: Τι είναι το Devtool στο Webpack;
Βίντεο: Tailwind CSS : ένας σύγχρονος τρόπος για να (μην) γράφετε CSS 2024, Νοέμβριος
Anonim

Devtool . Αυτή η επιλογή ελέγχει εάν και πώς δημιουργούνται οι χάρτες πηγής. Χρησιμοποιήστε το SourceMapDevToolPlugin για μια πιο λεπτομερή διαμόρφωση. Δείτε το πρόγραμμα φόρτωσης προέλευσης χαρτών για να ασχοληθείτε με τους υπάρχοντες χάρτες προέλευσης.

Συνεπώς, τι είναι το Sourcemap στο Webpack;

Κατά μία έννοια, οι χάρτες πηγής είναι ο δακτύλιος αποκωδικοποιητή στον μυστικό (ελαχιστοποιημένο) κώδικά σας. Χρησιμοποιώντας Webpack , προσδιορίζοντας το devtool: "source-map" στο δικό σας Webpack config θα ενεργοποιήσει τους χάρτες προέλευσης και Webpack θα παράγει μια οδηγία sourceMappingURL στο τελικό, ελαχιστοποιημένο αρχείο σας.

Στη συνέχεια, το ερώτημα είναι, τι είναι η συγχώνευση Webpack; webpack - συγχώνευση παρέχει α συγχώνευση συνάρτηση που συνενώνει πίνακες και συγχωνεύει αντικείμενα δημιουργώντας ένα νέο αντικείμενο. Όποτε χρειαστεί συγχώνευση αντικείμενα διαμόρφωσης, webpack - συγχώνευση μπορεί να φανεί χρήσιμος. Υπάρχει επίσης ένα webpack ειδικός συγχώνευση παραλλαγή γνωστή ως συγχώνευση.

Σχετικά με αυτό, σε τι χρησιμοποιείται το Webpack;

Webpack είναι ένα πακέτο στατικής λειτουργικής μονάδας για εφαρμογές JavaScript - παίρνει όλο τον κώδικα από την εφαρμογή σας και τον καθιστά χρησιμοποιήσιμο σε ένα πρόγραμμα περιήγησης Ιστού. Οι λειτουργικές μονάδες είναι επαναχρησιμοποιήσιμα κομμάτια κώδικα που έχουν δημιουργηθεί από το JavaScript, τα node_modules, τις εικόνες και τα στυλ CSS της εφαρμογής σας που είναι συσκευασμένα ώστε να είναι εύκολα χρησιμοποιείται σε η ιστοσελίδα σου.

Πώς λειτουργούν οι Sourcemaps;

Πως Εργασία χαρτών πηγών . Όπως υποδηλώνει το όνομα, ένας χάρτης πηγής αποτελείται από μια ολόκληρη δέσμη πληροφοριών που μπορούν να χρησιμοποιηθούν για την αντιστοίχιση του κώδικα μέσα σε ένα συμπιεσμένο αρχείο πίσω στην αρχική του πηγή. Μπορείτε να καθορίσετε έναν διαφορετικό χάρτη προέλευσης για καθένα από τα συμπιεσμένα αρχεία σας.

Συνιστάται: