我是 nextJS 的新手,我在通过 CDN 在应用程序中包含 bootstrap 时遇到了麻烦。在应用程序中的何处添加链接是最佳实践?
要覆盖默认文档,请创建文件./pages/_document.js
并扩展 Document 类,如下所示,并将 CDN 路径放在HEAD
tag.
Refer docs https://nextjs.org/docs/advanced-features/custom-document了解更多信息
import Document, { Html, Head, Main, NextScript } from "next/document";
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
render() {
return (
<Html>
<Head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;
你只需要把它变成一个封闭标签
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)