phản ứng-bootstrap bằng cách sử dụng webpack

Question

Tôi đang cố gắng sử dụng phản ứng-bootstrap với gói web. Tôi có thể lấy một bootstrap <Button> trên một trang, nhưng không có kiểu đính kèm? Tôi đã cài đặt:

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

Máy bốc hàng trong 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

phản ứng-bootstrap không bao gồm các phong cách bootstrap.

Khi họ đặt nó trên trang Getting Started của họ:

• Bởi vì nhiều folks sử dụng theme tùy biến Bootstrap, chúng tôi không phụ thuộc trực tiếp trên Bootstrap. Đó là vào bạn để xác định làm thế nào bạn nhận được và liên kết với Bootstrap CSS và phông chữ.

Bạn nên nhập kiểu từ bootstrap/css/bootstrap.css. Vì bạn đã có một trình cài đặt bộ nạp cho các tệp css và có sự phụ thuộc vào bootstrap, nó đơn giản như là

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