react-bootstrap using webpack

Question

Sto cercando di utilizzare react-bootstrap con il web pack. Sono in grado di ottenere un bootstrap <Button> in una pagina, ma non ci sono stili allegati? ho installato:

"devDependencies": { 
    "babel-core": "^5.1.11", 
    "babel-loader": "^5.0.0", 
    "css-loader": "^0.12.1", 
    "react-hot-loader": "^1.2.2", 
    "react-router": "^0.13.3", 
    "webpack": "^1.7.2", 
    "webpack-dev-server": "^1.7.0" 
    }, 
    "dependencies": { 
    "bootstrap": "^3.3.4", 
    "react": "^0.13.0", 
    "react-bootstrap": "^0.22.6", 
    "whatwg-fetch": "^0.8.1" 
    } 
} 

di pale in webpack.config.js

module: { 
    loaders: [ 
     { test: /\.jsx?$/, loaders: ['react-hot', 'babel'], include: path.join(__dirname, 'app') }, 
     { test: /\.css$/, loader: "style-loader!css-loader" }, 
     { test: /\.png$/, loader: "url-loader?limit=100000" }, 
     { test: /\.jpg$/, loader: "file-loader" } 
    ] 
    } 

Answer 1

reagisce-bootstrap non include gli stili di bootstrap.

Come hanno messo sulla loro pagina Getting Started:

• Perché molte persone utilizzano temi Bootstrap personalizzato, non dipendono direttamente Bootstrap. Spetta a te decidere come ottenere e collegare i CSS e i font Bootstrap.

è necessario importare gli stili da bootstrap/css/bootstrap.css. Dal momento che si dispone già di un setup loader per i file CSS e hanno una dipendenza da bootstrap, è semplice come

require('bootstrap/css/bootstrap.css');