Question

我需要在我的react应用程序中包含jQuery和bootstrap.min.js。现在我通过npm安装了bootstrap和jQuery。我在我的less文件中导入bootstrap.less，我只需要bootstraps JS和jQuery。

问题是;我在我的AJAX应用程序中使用了jQuery，而且我不知道在哪里包含bootstrap.min.js。

我会尝试提供尽可能多的信息来提供帮助。我的主要入口文件是App.jsx，它利用来自react-router的所有路由。我的文件导入少了这个。

@import "./../../node_modules/bootstrap/less/bootstrap.less";

我的layout.pug看起来像这样

doctype html
html
    head
        meta(charset="utf-8")
        meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
        meta(http-equiv="x-ua-compatible" content="ie=edge")
        title #{ siteName } Administration
        link(rel="icon shortcut", href="/favicon.ico", type="image/x-icon")
        link(rel="stylesheet", href=maincssfile)
        link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css")
    body
        block content
            h1 Default Content
        script(src=mainjsfile)

我正在使用bootstrap3。

Answer 1

我对.pug文件并不是很熟悉，但你应该能够为你在链接bootstrap css cdn所需的两个js文件中的每一个包含一个cdn的链接，那就是＆＃39;我们如何在我的应用程序的索引html文件中列出它。

在React应用程序中引用bootstrap.min.js

1 个答案: