Global CSS
While scoped styles are handy, they cannot solve all our CSS needs. You often need to have a set of global CSS rules to take care of your fundamental styling needs.
Luckily Nuxt.js has a very elegant solution that allows us to inject global CSS in our project directly from the config file. Whether it is a custom CSS file from your assets directory or an NPM package.
LESSON TRANSCRIPT
Στο προηγούμενο βίντεο, χρησιμοποιήσαμε τα σχέδια μας των σχέδιων στυλών στο σχέδιο σχέδιων. Οι σχέδιες στην Nuxxed χρησιμοποιούνται για να δημιουργήσουν το σχέδιο της εργασίας. Για παράδειγμα, μπορείτε να έχετε ένας σχέδιος στυλός και ένας με ένας στυλός. css που θα χρησιμοποιηθούν σε όλες τις πλαίσεις και τις λεπτες.
Ας δούμε πώς μπορούμε να το κάνουμε. Σε το φιλογραφικό configuration του NUXT, υπάρχει μια επιλογή ονομάζοντας CSS, η οποία παρουσιάζει ένα σχέδιο με τα παρουσιάσια του CSS για να δημιουργήσει global. Αν έχετε ένα CSS φιλογραφικό στην οικονομική δημιουργία, η παρουσιάσια θα είναι tilda, και τότε slash assets slash το όνομα του φιλογραφικού. Η tilda εδώ είναι ένας αλυασμός για την οικονομική δη Εντάξει εδώ ότι μπορείτε να έχετε τα κομμάτια κομμάτια CSS κομμάτια κάπου εκτός από την οικονομική διεκτορία αν θέλετε.
Μπορείτε να έχετε, για παράδειγμα, μια οικονομική διεκτορία του root-styles ή ακόμα να ειδητοποιήσετε το stylesheet από ένα πακέντρο που χρησιμοποιείτε. Ας σας δείξω ένα παράδειγμα. Εδώ υπάρχουν τρία κομμάτια stylesheets κομμάτια. Η πρώτη ζει σε ένα npm-module, ο οποίος είναι ο BULMA.
Η δεύτερη είναι ένα CSS κομμάτια στο σχέδιο, όπως την που σας είδα. Το τ Στην επόμενη θα γνωρίζουμε το φιλότυπο από την εξοπλισμή και χρησιμοποιήσουμε τον προσωπικό προορισμό. Ξέρετε ότι πρέπει να χρησιμοποιήσετε τα χρήματα που χρειαζόμαστε για να χρησιμοποιήσετε αυτό το φιλότυπο. Εντάξει.
Στην προορισμό μας θα δημιουργήσω ένα CSS φιλότυπο, υπό την οικογένειο του Αστέτου και θα παίξω τα ρούλια που χρησιμοποιήσαμε στο δημιουργικό βασίλειο εδώ. Τώρα θα πάω στο config φιλότυπο και θα το δημιουργήσω κοινωνικά. Α Κάθε φορά που δημιουργήσετε αλλαγές στην επόμενη οικογένειο, πρέπει να ξεκινήσετε το δημιουργικό σερβιό για να αλλαγείτε τα αλλαγές. Τώρα, όταν καθαρίζω, οι δημιουργές μας έχουν τον σχέδιο που θέλουν και από τώρα, αν δημιουργήσαμε πολλές σχέδιες, δεν θα πρέπει να ξεκινήσουμε τις σχέδιες κοινωνικές.
Στο προηγούμενο βίντεο, χρησιμοποιήσαμε τα σχέδια μας των σχέδιων στυλών στο σχέδιο σχέδιων. Οι σχέδιες στην Nuxxed χρησιμοποιούνται για να δημιουργήσουν το σχέδιο της εργασίας. Για παράδειγμα, μπορείτε να έχετε ένας σχέδιος στυλός και ένας με ένας στυλός. css που θα χρησιμοποιηθούν σε όλες τις πλαίσεις και τις λεπτες.
Ας δούμε πώς μπορούμε να το κάνουμε. Σε το φιλογραφικό configuration του NUXT, υπάρχει μια επιλογή ονομάζοντας CSS, η οποία παρουσιάζει ένα σχέδιο με τα παρουσιάσια του CSS για να δημιουργήσει global. Αν έχετε ένα CSS φιλογραφικό στην οικονομική δημιουργία, η παρουσιάσια θα είναι tilda, και τότε slash assets slash το όνομα του φιλογραφικού. Η tilda εδώ είναι ένας αλυασμός για την οικονομική δη Εντάξει εδώ ότι μπορείτε να έχετε τα κομμάτια κομμάτια CSS κομμάτια κάπου εκτός από την οικονομική διεκτορία αν θέλετε.
Μπορείτε να έχετε, για παράδειγμα, μια οικονομική διεκτορία του root-styles ή ακόμα να ειδητοποιήσετε το stylesheet από ένα πακέντρο που χρησιμοποιείτε. Ας σας δείξω ένα παράδειγμα. Εδώ υπάρχουν τρία κομμάτια stylesheets κομμάτια. Η πρώτη ζει σε ένα npm-module, ο οποίος είναι ο BULMA.
Η δεύτερη είναι ένα CSS κομμάτια στο σχέδιο, όπως την που σας είδα. Το τ Στην επόμενη θα γνωρίζουμε το φιλότυπο από την εξοπλισμή και χρησιμοποιήσουμε τον προσωπικό προορισμό. Ξέρετε ότι πρέπει να χρησιμοποιήσετε τα χρήματα που χρειαζόμαστε για να χρησιμοποιήσετε αυτό το φιλότυπο. Εντάξει.
Στην προορισμό μας θα δημιουργήσω ένα CSS φιλότυπο, υπό την οικογένειο του Αστέτου και θα παίξω τα ρούλια που χρησιμοποιήσαμε στο δημιουργικό βασίλειο εδώ. Τώρα θα πάω στο config φιλότυπο και θα το δημιουργήσω κοινωνικά. Α Κάθε φορά που δημιουργήσετε αλλαγές στην επόμενη οικογένειο, πρέπει να ξεκινήσετε το δημιουργικό σερβιό για να αλλαγείτε τα αλλαγές. Τώρα, όταν καθαρίζω, οι δημιουργές μας έχουν τον σχέδιο που θέλουν και από τώρα, αν δημιουργήσαμε πολλές σχέδιες, δεν θα πρέπει να ξεκινήσουμε τις σχέδιες κοινωνικές.
This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.
