next.js - 将 CSS Reset 文件应用到 Next.js 页面

标签 next.js

我知道这种注入(inject) CSS 的方法:

import Head from 'next/head'

export default function Home() {
  return (
    <div className="container">
      <style jsx global>{`
            body {
              margin: 0;
            }
      `}</style>

      <Head>
        <title>audiom</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
      
    </div>
  )
}

但是有没有办法快速插入CSS文件(在我的例子中重置了CSS)?

最佳答案

您可以在 _app.jsx file 中导入 reset.css ,它将为所有页面应用 css 重置样式。

_app.tsx

import '../styles/reset.css';

关于next.js - 将 CSS Reset 文件应用到 Next.js 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63215780/

相关文章:

reactjs - 更改 "next export"的文件夹

sass - NextJS 和 Bulma SASS 不更新变量

javascript - 未处理的 promise 拒绝警告 : ReferenceError: TextEncoder is not defined in NextJS 12

reactjs - 如何在 Next 13 应用程序文件夹的根布局中使用上下文?

css - 生产版本中的字体与开发版本中的字体 Next.js 不同

reactjs - Next.js 的服务器端组件

javascript - 使用 Next.js 通过服务器端渲染响应查询

reactjs - 预期服务器 HTML 在 NextJs 的 <nav> 中包含匹配的 <svg>

reactjs - 如何在 React 中将 HEIC 转换为 JPG?

javascript - 如何在没有动态导入的情况下拆分commons js?