Гэтсби со ссылкой на CDN

Question

Я пытаюсь получить boottrap.css и google fonts cdn workin в моем проекте gatsby. Нет HTML-файла, просто JS-файлы. Для начальной загрузки я могу установить начальную загрузку npm, а затем импортировать min.css. Попытка выяснить, как получить шрифт Amatic SC из шрифтов Google. У меня npm установлен google-fonts-webpack-plugin. Я пытаюсь использовать gatsby-node.js, добавив:

const GoogleFontsPlugin = require("google-fonts-webpack-plugin")

exports.modifyWebpackConfig = ({ config, stage }) => {

    config.plugin("google-fonts-webpack-plugin",new GoogleFontsPlugin(
        {
            fonts: [
                { family: "Amatic SC" }
            ]
        }
    ),null)

};

Однако это приводит к ошибке

Invalid 'constructor' parameter. You must provide either a function or null

Я не совсем уверен, что происходит не так. Что мне нужно изменить?

И есть ли способ ссылаться на cdn напрямую, чтобы вместо npm при установке начальной загрузки я мог просто ссылаться на последний cdn?

Спасибо

Answer 1

Вы можете включить шрифт, используя typeface-amatic-sm из NPM, и в вашем JS do:

import 'typeface-amatic-sc'

В противном случае, можете включить скрипты в свой </head> используя шлем как:

<Helmet>    
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</Helmet>