将 CSS 重置文件应用到 Next.js 页面答案

【问题标题】：Apply CSS Reset file to Next.js page将 CSS 重置文件应用到 Next.js 页面
【发布时间】：2020-11-22 17:08:06
【问题描述】：

我知道这种注入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 重置）？

【问题讨论】：

标签： next.js

【解决方案1】：

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

_app.tsx

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

【讨论】：