webpack - not - popper js npm
react-bootstrap usando webpack (1)
Estoy tratando de usar reaccionar-bootstrap con paquete web. Puedo obtener un <Button>
bootstrap en una página, pero ¿no hay ningún estilo adjunto? He instalado:
"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"
}
}
Cargadores en 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" }
]
}
react-bootstrap no incluye los estilos bootstrap.
Como lo pusieron en su página de Introducción :
- Debido a que muchas personas usan temas personalizados de Bootstrap, no dependemos directamente de Bootstrap. Depende de usted determinar cómo obtener y vincularse a las fuentes y CSS de Bootstrap.
Debe importar los estilos de bootstrap/css/bootstrap.css
. Como ya tienes una configuración de cargador para archivos css y tienes una dependencia en bootstrap, es tan simple como
require(''bootstrap/css/bootstrap.css'');