如何包括引导css和js在reactjs应用程序?

我是ReactJS的新手，我想在我的React应用程序中包括引导

我已经通过npm安装bootstrap -save安装了bootstrap

现在，我想在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;

我的问题是“如何从节点模块中包含引导CSS和JS在ReactJS应用程序中?”如何设置引导包括在我的React应用程序?

当前回答

下面是我用npm的bootstrap 4所做的工作

安装jquery, popper.js, bootstrap包 NPM安装jquery popper.js bootstrap—save 使用以下导入更新index.js 导入“引导/ dist / css / bootstrap.min.css”; 导入“引导/ dist / js / bootstrap.js”;

此外，如果您使用sass自定义样式，您可以安装sass包

npm install sass --save

2021-03-23 10:59:51

其他回答

在你的项目中安装引导程序后“npm install—save bootstrap@3.3.7” 你必须移动到项目SRC文件夹中的index.js文件，并从节点模块包中导入bootstrap。

导入“引导/ dist / css / bootstrap.min.css”;

如果你想从这个视频中得到帮助，它肯定会对你有很大帮助。

在React项目中导入Bootstrap

2018-11-20 07:08:37

某种程度上，公认的答案是只谈论包括css文件从bootstrap。

但是我认为这个问题和这个有关引导下拉在React中不工作

有几个答案可以帮助你

https://stackoverflow.com/a/52251319/4266842 https://stackoverflow.com/a/54188034/4266842

2019-02-12 21:07:28

我只是想在index.js文件中添加安装和导入bootstrap对于使用bootstrap组件是不够的。每次你想要使用一个组件时，你都应该导入它，比如: 我需要使用一个容器和一行

    <Container>
        <Row>
        <Col sm={4}> Test </Col>
        <Col sm={8}> Test </Col>
        </Row>
</Container>

你应该在js文件中导入

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

2019-06-01 22:42:09

希望这是有帮助的;)

第一步:使用NPM安装以下命令

npm install --save reactstrap@next react react-dom

步骤2:示例index.js主脚本导入bellow命令

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

步骤3:UI组件参考以下网站 reactstrap.github.io

2018-04-23 10:18:41

下面是我用npm的bootstrap 4所做的工作

此外，如果您使用sass自定义样式，您可以安装sass包

npm install sass --save

2021-03-23 10:59:51

如何包括引导css和js在reactjs应用程序?

推荐文章

最新文章

标签