我是 ReactJS 的新手,我想在我的 React 应用程序中包含引导程序
我已经安装了引导程序npm install bootstrap --save
npm install bootstrap --save
现在,想在我的 React 应用程序中加载引导 CSS 和 JS。
我正在使用 webpack。
webpack.config.js
var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, module: { loaders: [ { test: /\.js?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } } ] } }; module. exports = config;
我的问题是“如何在节点模块的 ReactJS 应用程序中包含引导 CSS 和 JS?”如何设置引导程序以包含在我的 React 应用程序中?
如果您是 React 新手并使用 create-react-app cli setup,请运行下面的 npm 命令以包含最新版本的引导程序。
create-react-app
npm install --save bootstrap
或者
npm install --save bootstrap@latest
然后将以下导入语句添加到 index.js 文件中。(https://getbootstrap.com/docs/4.4/getting- started/webpack/#importing-compiled- css)
index.js
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/css/bootstrap.min.css';
不要忘记 className 在目标元素上使用 as 属性(react 使用 className as 属性而不是 class )。
className
class