如何从NEXT.js中的页面CSS包中排除顺风CSS文件？

Question

我正在一起使用tailwind和next.js。

加载页面时，我看到所有样式组合到一个文件中，并且顺风样式也包含在此捆绑包中。

当我更改某种样式时-我在等待css bundle构建时等待了很长时间，因为顺风样式太多了。

所以我想从css包中排除顺风样式并单独加载。

我可以这样做吗？ Meybe我需要在withCss插件设置或postcssconfig中添加一些配置？

我的postcss.config.js

const tailwindcss = require('tailwindcss');

module.exports = {
  plugins: [
    tailwindcss('./tailwind.config.js'),
    require('autoprefixer'),
    require('postcss-preset-env'),
  ],
};

我的next.config.js

const withCSS = require('@zeit/next-css');
const nextEnv = require('next-env');
const dotenvLoad = require('dotenv-load');

dotenvLoad();

const withNextEnv = nextEnv();

module.exports = withNextEnv(
  withCSS({
    cssModules: true,
  }),
);