如何使用Webpack插入twitter-bootstrap js文件以响应应用程序?
我知道诸如Reactstrap和react-bootstrap之类的React库,但是我想知道如何在没有这些库的情况下插入bootstrap.js文件。
最佳答案
您可以通过npm / yarn安装Bootstrap和jQuery:
npm install bootstrap jquery
然后将Bootstrap导入您的顶级React文件(入口点)中:
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 4)的真正价值主张。他们消除了对jQuery的依赖,并将功能实现为React组件。我强烈建议您利用这些项目的工作;您试图通过将jQuery与React结合起来打开一罐蠕虫。这是可能的;我已经做到了;我不推荐。
关于twitter-bootstrap - 如何插入bootstrap.js以响应应用程序?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43722322/