Comment importer un fichier CSS externe dans un ensemble JS?

Question

J'ai cette config pour le chargement CSS:

{ 
    test: /\.css$/, 
    use: [ 
     {loader: "style-loader"}, 
     { 
     loader: "css-loader", 
     options: { 
      modules: true, 
      importLoaders: 1, 
      sourceMap: true 
     } 
     } 
    ] 
    } 

Comme on le voit ci-dessus, il utilise des modules CSS. Tout semble fonctionner correctement. Mais, en plus de mes règles CSS, je crée et consomme dans le code, il y a des CSS externes qui viennent avec une bibliothèque de tiers leafletjs. Je suppose que je veux juste l'importer en quelque sorte sans le restructurer en tant que modules CSS.

Comment puis-je faire pour que cette feuille de style externe soit injectée dans mon fichier de sortie de l'ensemble JS?

Answer 1

npm install leafletjs et ajoutez l'option includePath avec son chemin:

{ 
    test: /\.css$/, 
    use: [ 
     {loader: "style-loader"}, 
     { 
     loader: "css-loader", 
     options: { 
      modules: true, 
      importLoaders: 1, 
      sourceMap: true, 
      includePath: './node_modules/path/to/your/library' 
     } 
     } 
    ] 
    }