我必须使用bootstrap-select，bootstrap，jquery，popper，isotope，wow和一个使用全部脚本文件这些与盖茨比的库。我在layout.js中确实如此：
import React from "react"
import { StaticQuery, graphql } from 'gatsby'
import "bootstrap/dist/css/bootstrap.min.css"
import "./vendors/themify-icon/themify-icons.css"
import "font-awesome/css/font-awesome.min.css"
import "./vendors/flaticon/flaticon.css"
import "animate.css/animate.min.css"
import "./vendors/magnify-pop/magnific-popup.css"
import "./layout.css"
import "./responsive.css"
import "jquery/dist/jquery.min.js"
import "popper.js/dist/popper"
import "bootstrap/dist/js/bootstrap.min.js"
import "bootstrap-select/dist/js/bootstrap-select.min.js"
import "wowjs/dist/wow.min.js"
import "jquery.scroll-parallax/dist/js/jquery.scrollParallax.js"
import "./vendors/isotope/isotope-min.js"
import "./vendors/magnify-pop/jquery.magnific-popup.min.js"
import Loader from "./loader"
import Header from "./header"
import Breadcrumb from "./breadcrumb"
这是导入所有这些依赖项的正确方法吗？ 在gatsby开发期间，我不确定它是否有效，但是我没有收到任何错误。在gatsby构建期间失败。因此，我将所有这些文件复制到静态文件并通过构建。
然后，我在common.js中检查了所有这些文件，但是没有一个文件代码。 如何将所有这些依赖项与Gatsby一起使用？