使用带有中微子的react-bootstrap

Question

我正在制作一个小型的React应用，该应用使用中微子设置。 如何导入/用户react-bootstrap的样式表？
我可以使用以下方法： https : //www.npmjs.com/package/neutrino-middleware-style-loader加载样式；如果可以，如何加载样式？ 我找不到任何例子。

Answer 1

首先，您需要使用Yarn或npm安装react-bootstrap。 由于您还将需要引导CSS，因此建议您也安装它，因为从技术上讲，您直接依赖它：

# with Yarn
yarn add bootstrap react-bootstrap

# with npm
npm install --save bootstrap react-bootstrap

然后，您可以将组件导入到文件中：

import { Row, Col } from 'react-bootstrap';

现在，对于样式表，您只想导入此样式表，最好在Neutrino提供的默认条目中。 根据默认项目布局，这将是src/index.js 。 因此，在您的src/index.js文件中：

import 'bootstrap/dist/css/bootstrap.min.css';

那应该是您所需要的，而无需任何自定义配置即可实现。