Я должен использовать bootstrap-select, bootstrap, jquery, popper, isotope, wow и файл сценария, который использует все эти библиотеки с Gatsby. Я сделал это в 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 я не уверен, что это работает или нет, но я не получаю никаких ошибок. Во время сборки Гэтсби это не удалось. Итак, я скопировал все эти файлы в статический и сборка прошла.
Затем я проверил все эти файлы в common.js, но там нет ни одного кода файла. Как мне использовать все эти зависимости с Гэтсби?