Гэтсби со ссылкой на CDN - PullRequest
Новая
       20

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

0 голосов
/ 02 мая 2018

Я пытаюсь заставить работать CDN загрузочных шрифтов и Google шрифтов в моем проекте Gatsby.

Нет HTML-файла; только файлы JavaScript.

Для начальной загрузки я могу npm install bootstrap и затем импортировать 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)

};

Однако я получаю ошибку ниже;

Неверный параметр 'конструктор'. Вы должны предоставить либо функцию, либо null

Что я делаю не так и как я могу это исправить?

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

1 Ответ

0 голосов
/ 02 мая 2018

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

import 'typeface-amatic-sc'

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

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