реакция-бутстрап с помощью webpack

Question

Я пытаюсь использовать реакцию-бутстрап с веб-пакетом. Я могу получить загрузочный бокс <Button> на странице, но нет прикрепленных стилей? Я установил:

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

Погрузчики в 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

реагируют-самозагрузки не включает в себя стили начальной загрузки.

Как они положили его на своей странице Getting Started:

• Потому что многие люди используют пользовательские Bootstrap темы, мы не напрямую зависят от Bootstrap. Это зависит от вас, чтобы определить, как вы получаете и ссылаетесь на Bootstrap CSS и шрифты.

Вы должны импортировать стили из bootstrap/css/bootstrap.css. Поскольку у вас уже есть установка загрузчика для CSS-файлов и имеют зависимость от начальной загрузки, это так просто, как

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