如何插入bootstrap.js来应对应用程序？

Question

如何使用webpack插入twitter-bootstrap js文件来响应应用程序？

我知道像reactstrap和react-bootstrap这样的反应库,但我想知道如何在没有这些库的情况下插入bootstrap.js文件.

Answer 1

你可以通过npm/yarn安装Bootstrap和jQuery:

npm install bootstrap jquery

然后在顶级React文件(入口点)中导入Bootstrap:

import 'bootstrap/dist/css/bootstrap.min.css'
import 'jquery/dist/jquery.min.js'
import 'bootstrap/dist/js/bootstrap.min.js'

当然,您需要适当的Webpack规则来转换CSS.

在React中使用Bootstrap的问题在于它需要jQuery,现在你有两件事与DOM有关,这是一个麻烦的方法.这是Reactstrap(用于Bootstrap 4)和React-Bootstrap(用于Bootstrap 3)的真正价值主张; 它们消除了对jQuery的依赖,并将功能实现为React组件.我强烈建议你利用这些项目的工作; 你试图将jQuery与React结合起来,打开一堆蠕虫.这是可能的; 我做到了; 我不推荐它.