Używanie pakietu WWW do ładowania plików CSS z modułów węzłów

Question

Próbuję użyć pliku react component, który zawiera plik css. Wymagam komponentu jak zwykle:

var Select = require('react-select'); 

Chciałbym wiedzieć, jak mogę wymagać css potrzebne dla składnika.

Ja już próbowałem:

require('react-select/dist/react-select.css'); 

a to:

require('react-select.css'); 

I żaden z nich nie pracował.

Answer 1

//package.json 
"dependencies": { 
    "my-package": "2.0.0" 
} 
//app.js 
//Get a relative path to the installed css files: 
require('../someRelativePathFromAppJs/node_modules/my-package/somePath/myNeeded.css') 

Answer 2

Upewnij się, że konfiguracja WebPack ma to:

module: { 
    loaders: [ 
    { test: /\.css$/, loader: "style-loader!css-loader" } 
    ] 
} 

To będzie wymagać i pakiet dowolny plik css, które wymagają, i chciałbym pociągnąć ich dokładnie, jak to zrobiłeś:

require('react-select/dist/react-select.css'); 

Innym obejściem, które działa na pewno, jest to, że użytkownik kopiuje ten plik css, a w html łączy go przez:

<link rel="stylesheet" href="/path/to/react-select.css">