Σύνδεση CSS βιβλιοθηκών στο Webpack

Μπορείτε να εγκαταστήσετε CSS βιβλιοθηκές μέσω npm και να τις συνδέσετε σε CSS αρχεία. Ας δούμε το παράδειγμα της βιβλιοθήκης normalize.css. Ας την εγκαταστήσουμε:

terminalnpm install normalize.css

Εισάγουμε τη βιβλιοθήκη απευθείας στο CSS αρχείο. Σε αυτήν την περίπτωση, στην αρχή της διαδρομής πρέπει να βάλετε μια περισπωμένη ~. Αυτή θα πει στο Webpack ότι τα αρχεία πρέπει να αναζητηθούν στον node_modules. Ας εκτελέσουμε την εισαγωγή:

src/styles.css@import '~normalize.css'
Задание 1

Εγκαταστήστε και εισάγετε τη βιβλιοθήκη modern-css-reset.

Задание 2

Δοκιμάστε το project. Δείτε πού εμφανίζεται η εγκατεστημένη βιβλιοθήκη κατά τη διάρκεια της δοκιμής.