我是 nextJS 的新手，我在通过 CDN 在应用程序中包含 bootstrap 时遇到了麻烦。在应用程序中的何处添加链接是最佳实践？
小智 12
要覆盖默认文档，请创建文件./pages/_document.js并扩展文档类，如下所示，并将 CDN 路径放在HEAD标记之间。
请参阅文档以获取更多信息
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;
你只需要把它变成一个封闭标签
Include Head from./next并使用声明要包含在那里的任何链接。
<Head>
<script src="https://...."/>
</Head>
| 归档时间： |
|
| 查看次数： |
19872 次 |
| 最近记录： |