Гэтсби со ссылкой на CDN
Я пытаюсь заставить работать CDN bootstrap.css и Google fonts в моем проекте 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)
};
Однако я получаю сообщение об ошибке ниже;
Invalid 'constructor' parameter. You must provide either a function or null
Что я делаю не так и как это исправить?
Есть ли способ напрямую сослаться на CDN, чтобы вместо установки загрузчика npm я мог просто сослаться на его последнюю версию?
Ответы 1
Вы можете включить шрифт, используя шрифт-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>
Мне нужно добавить все файлы, если мне нужно использовать это решение или есть над чем поработать?
хорошо спасибо. Я попробую это. Есть идеи, почему мой подход не работает? Просто интересно, потому что это, вероятно, поможет мне избежать той же ошибки в будущем.