Twitter bootstrap 将引导类与ReactJS和Webpack一起使用

我不知道如何将引导包含到我的React应用程序中。我创建了这个应用程序的模板，由Yeoman，generator react webpack V2.0，它自动创建了一些附件。但我也想使用引导类，我试图通过npm安装引导加载器，但没有成功（没有应用引导类）。有人能帮我解释一下如何用webpack和bootstrap设置React项目，因为我无法处理它。 我试过这个：

npm install bootstrap-loader
npm install bootstrap@v4.0.0-alpha.2

这是我的

webpack.config.js

：

“严格使用”；
const path=require（'path'）；
常量args=require（'minimist'）（process.argv.slice（2））；
//允许的环境列表
const allowedEnvs=['dev'，'dist'，'test']；
//设置正确的环境
var-env；
如果（参数长度>0&&args.indexOf（'start'）！=-1）{
env=‘测试’；
}else if（args.env）{
env=args.env；
}否则{
env='dev'；
}
process.env.REACT_WEBPACK_env=env；
//获取可用的配置
常量配置={
base:require（path.join（uu dirname，'cfg/base'），
dev:require（path.join（uu dirname，'cfg/dev'）），
dist:require（path.join（uu dirname，'cfg/dist'）），
测试：require（path.join（\uu dirname，'cfg/test'））
};
/**
*构建网页包配置
*@param{String}想要通缉的环境
*@return{Object}网页包配置
*/
函数buildConfig（wantedEnv）{
让isValid=wantedEnv&&wantedEnv.length>0&&allowedEnvs.indexOf（wantedEnv）！=-1；
让validEnv=isValid？wantedEnv:'dev'；
返回配置[validEnv]；
}
module.exports=buildConfig（env）此库可以帮助您：

您只需要包括
require（“bootstrapwebpack./bootstrap.config.js”）到每个网页条目文件。
此库可以帮助您：

您只需要包括
require（“bootstrapwebpack./bootstrap.config.js”）到每个网页条目文件。
实际上，将引导与react js一起使用非常简单。只需在应用程序中包含引导文件（例如，通过CDN）。然后在任何div中，都可以使用

className=''

实际上，将引导与react js一起使用非常简单。只需在应用程序中包含引导文件（例如，通过CDN）。然后在任何div中，都可以使用

className=''


什么是你的
webpack.config.js
文件什么是你的
webpack.config.js
文件然后是向我显示错误：未捕获引用错误：未定义jQuery添加插件：[new webpack.ProvidePlugin（{jQuery:“jQuery”，“window.jQuery:“jQuery”，}]使用webpack配置将解决此问题。JQuery也必须使用npm安装。然后是shows me错误：未捕获引用错误：JQuery未定义将插件：[new webpack.ProvidePlugin（{JQuery:“JQuery”，“window.JQuery:“JQuery”，}）]添加到webpack config将解决问题。JQuery也必须使用npm安装。
<div className = ' img img-responsive '>
    <ReactComponent />
</div>