webpackを使用してノードモジュールからCSSファイルをロードする

Question

CSSファイルを含むreact componentを使用しようとしています。私はいつものようにコンポーネントを要求しています：

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

コンポーネントに必要なCSSがどのように必要なのでしょうか。

私は既にこの試みた：

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

そして、これを：

require('react-select.css'); 

どれも働いています。

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

あなたWebPACKの構成は、これを持っていることを確認します。

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

これは必要とバンドルあなたが必要とするすべてのCSSファイルを、私はあなたがそれをやった彼らの方法を正確に引き上げるます：

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

特定の問題を解決するもう1つの回避策は、コピーそのcssファイルで、htmlでは次のようにリンクします。

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