我是 nextJS 的新手,我在通过 CDN 在应用程序中包含 bootstrap 时过得很不愉快。在哪里添加链接是应用程序中的最佳实践?
最佳答案
要覆盖默认文档,请创建文件 ./pages/_document.js
并如下所示扩展 Document 类并将 CDN 路径放在 HEAD
之间标签。
引用 docs欲了解更多信息
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;
你只需要让它成为一个封闭的标签
关于next.js - 下一个JS : How to add bootstrap via CDN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66029308/