Importer des CSS dans node_modules vers svelte
Je veux utiliser le framework css dans mon projet svelte, dans ce cas c'était uikit.
Je l'avais installé avec yarn add uikit
Et bien sûr, je dois importer le fichier css, avec
@import '../node_modules/uikit/dist/css/uikit.min.css"
Mais ça ne marche pas, partout où je l'importe
- App.svelte style
- Dans global.css
- Utilisation de la balise dans index.html
N'est-ce pas encore disponible?
Ou dois-je l'installer avec du fil, et après cela, je dois copier le fichier requis vers des node_modules externes comme [cette solution]? ( Comment ajouter des CSS de node_modules à template.html dans Svelte )
Je pense que ce n'est pas une restriction uniquement pour uikit, mais plutôt la façon dont nous importons un fichier CSS tiers dans node_modules dans l'application svelte
Pas familier avec le kit d'interface utilisateur, mais d'après les informations fournies, il me semble que vous devriez importer (en utilisant @import) dans un fichier scss ou sass, pas un fichier css. En utilisant @import dans un fichier css n'est pas interprété, mais comme vous pouvez le voir, apparaît simplement dans votre navigateur comme référence à un fichier dans node_modules répertoire, qui n'est pas disponible pour le navigateur.
En supposant que vous utilisez le cumul, pour traiter les fichiers scss, vous devrez probablement ajouter le svelte-preprocess-sass dépendance du rollup pour prendre en charge sass (et scss).
Donc, si vous voulez utiliser UIKit, j'irais voir les informations sur la page d'accueil.
De balisage HTML section dans l'introduction sur le site UIKit:
Vous devez ajouter:
<link rel="stylesheet" href="css/uikit.min.css" />
à la tête de votre fichier html.
Donc, dans votre cas, vous pouvez pointer vers votre dossier node_modules comme
<link rel="stylesheet" href="../node_modules/uikit/dist/css/uikit.min.css" />
dans votre modèle.