我正在尝试让 bootstrap.css 和 Google 字体 CDN 在我的 Gatsby 项目中正常工作。
没有 HTML 文件;只是 JavaScript 文件。
对于 bootstrap,我可以 npm install bootstrap
然后从中导入 min.css
。
尝试找出如何从 Google 字体获取 Amatic SC
字体;我已经安装了 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
安装 bootstrap?
最佳答案
您可以使用 typeface-amatic-sm 包含字体来自 NPM,并在你的 JS 中执行以下操作:
import 'typeface-amatic-sc'
否则,可以将其脚本包含在您的 </head>
中使用helmet像:
<Helmet>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</Helmet>
关于reactjs - Gatsby 与 CDN 引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50135059/