Reactjs 如何使用rollup react正确绑定和导入css-无法从节点\单元模块内导入全局css

我有一个react应用程序（next.js）和一个react组件库

在我的库中，我从第三方库（即tailwind和fontsource）导入了几个css模块，这在我导入库时会在我的next.js应用程序中引起问题

错误-./node_modules/tailwindcss/tailwind.css全局css不能为空 从节点_模块内导入。阅读更多：

输出filename.cjs.development.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
require('tailwindcss/tailwind.css'); // << next.js complains
require('@fontsource/titillium-web/index.css'); // << next.js complains
...

const postcss = require('rollup-plugin-postcss')
module.exports = {
  rollup(config, options) {
    config.plugins.push(
      postcss({
        config: {
          path: './postcss.config.js'
        },
        extensions: ['.css'],
        minimize: true,
        inject: {
          insertAt: 'top'
        },
        extract: true
      })
    )
    return config
  }
}

---

你找到解决办法了吗？我也有同样的问题。@Gab到目前为止，我能想到的最好办法就是在每个组件中导入css，而不是全局导入。