错误:[object object]不是PostCSS插件

Question

这是我在rollup.config.js文件中的postpass配置代码：

const postcssUrlOpts = [
{
url: 'copy',
filter: /.woff$/,
assetsPath: 'font'
}
];
const postcssOpts = {
extract: 'index.css',
plugins: [
postcssUrl(postcssUrlOpts)
]
};

这是我得到的日志：

Error: [object Object] is not a PostCSS plugin
at Processor.normalize (/.../node_modules/rollup-plugin-postcss/node_modules/postcss/lib/processor.es6:130:15)
at new Processor (/.../node_modules/rollup-plugin-postcss/node_modules/postcss/lib/processor.es6:38:25)
at postcss (/.../node_modules/rollup-plugin-postcss/node_modules/postcss/lib/postcss.es6:34:10)
at /.../node_modules/rollup-plugin-postcss/dist/index.js:213:28
at Generator.next (<anonymous>)
at asyncGeneratorStep (/.../node_modules/rollup-plugin-postcss/dist/index.js:19:24)
at _next (/.../node_modules/rollup-plugin-postcss/dist/index.js:41:9)

如果没有postcssUrl插件，我在javascript文件中的所有css导入都可以工作，一切都很好，但当我将此插件添加到我在控制台中收到这个错误的postpass插件列表。任何其他插件，比如tailwindcss插件，都可以正常工作。

版本：

postcss: ^8.1.10
postcss-url: ^10.1.1

Answer 1

plugins数组的元素应该是函数。您正在立即调用函数并返回对象。将函数调用包装在函数中。

const postcssOpts = {
extract: 'index.css',
plugins: [
() => postcssUrl(postcssUrlOpts)
]
};