8

我正在尝试让 bootstrap.css 和 Google 字体 CDN 在我的 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安装引导程序,我可以引用它的最新版本?

4

1 回答 1

10

您可以使用NPM 中的 typeface-amatic-sm包含字体,并在您的 JS 中执行以下操作:

import 'typeface-amatic-sc'

否则,可以在您</head>使用的头盔中包含脚本,例如:

<Helmet>    
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</Helmet>
于 2018-05-02T12:54:25.667 回答