React-Bootstrap mit Webpack

Question

Ich versuche, React-Bootstrap mit Web Pack zu verwenden. Ich bin in der Lage, einen Bootstrap <Button> auf einer Seite zu bekommen, aber es gibt keine Stile angehängt? Ich habe installiert:

"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" 
    } 
} 

Lader 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

reagieren-Bootstrap enthält nicht die Bootstrap-Stile.

Wie sie es auf ihre Getting Started Seite setzen:

• viele Leute Weil verwenden, um benutzerdefinierte Bootstrap Themen, wir hängen nicht direkt auf Bootstrap. Es liegt an Ihnen zu bestimmen, wie Sie die Bootstrap CSS und Schriftarten erhalten und verlinken.

Sie sollten die Arten von bootstrap/css/bootstrap.css importieren. Da Sie bereits einen Loader Setup für CSS-Dateien und eine Abhängigkeit von Bootstrap haben, ist es so einfach wie

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