web-dev-qa-db-fra.com

Create-React-App: Quel est le meilleur moyen d'inclure des CSS à partir du répertoire node_module

J'essaie d'inclure des CSS dans mon projet create-react-app. Le CSS provient d'un package NPM tiers et se trouve donc dans le répertoire node_modules.

J'ai essayé: import '/node_modules/packagename/css/styles.css';

Mais je reçois l'erreur:

Module introuvable: vous avez tenté d'importer /node_modules/packagename/css/styles.css en dehors du répertoire src/du projet. Les importations relatives en dehors de src/ne sont pas prises en charge. Vous pouvez soit le déplacer à l'intérieur de src /, soit lui ajouter un lien symbolique à partir de node_modules/du projet.

Je préférerais ne pas déplacer le CSS vers src/afin qu'il puisse être mis à jour via NPM. Je pouvais faire un lien symbolique mais comme je développe sous Windows et que je déploie sous Linux ce n’est pas idéal.

Quel est le meilleur moyen de ma part d'inclure le CSS?

create-react-app
14
Sean Bannister

Trouver le chemin du fichier css

exemple: ./node_modules/packagename/dist/css/styles.css

Importer en utilisant le chemin associé à node_modules (après node_modules/)

import 'packagename/dist/css/styles.css'
2
Afzal Hossain

les chemins relatifs ne sont pas nécessaires à partir de node_modules et ne devraient pas être le moyen recommandé pour inclure le fichier css.

tout ce que vous avez à faire est de laisser les répertoires slash et node_modules précédents identiques à l'importation d'un package Js à partir de modules de noeud:

import 'package/css/style-to-import.css'

25
Sampson Crowley