Next.js 如何将Linaria与NextJS结合使用？

我想在nextJS中使用Linaria library（）。 现在，我按照文件执行。但是发生了下一个错误

不能从自定义文件以外的文件导入全局CSS。请将所有全局CSS导入移动到pages/_app.js。 阅读更多：

我理解这个错误。但我想知道。如何将Linaria与NextJS结合使用

• B.法律改革委员会

• next.config.js

最近有一个关于这个话题的linaria。人们似乎通过以下

next.config.js

config获得了成功：

constwithcss=require（'@zeit/next css'）；
module.exports=withCSS({
网页包（配置）{
//在不知道规则顺序的情况下检索规则
const jsLoaderRule=config.module.rules.find(
（rule）=>RegExp的rule.test实例和rule.test.test（'.js'））
);
常量linariaLoader={
加载器：“linaria/loader”，
选项：{
sourceMap:process.env.NODE_env！=“生产”，
},
};
if（Array.isArray（jsLoaderRule.use））{
jsLoaderRule.use.push（linariaLoader）；
}否则{
jsLoaderRule.use=[jsLoaderRule.use，linariaLoader]；
}
返回配置；
},
});

{
  "presets": ["next/babel", "linaria/babel"],
}

const path = require("path");

module.exports = {
  webpackDevMiddleware: (config) => {
    config.watchOptions = {
      poll: 1000,
      aggregateTimeout: 300,
    };
    return config;
  },

  webpack: (config) => {
    config.module.rules.push({
      test: /\.tsx$/,
      use: [
        {
          loader: "linaria/loader",
          options: {
            sourceMap: process.env.NODE_ENV !== "production",
          },
        },
      ],
    });

    return config;
  },
};