Блог

Я пытаюсь извлечь некоторые медиа-запросы из моих пакетов css, но, к сожалению, плагин не работает.

 ERROR in ./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/jscrollpane/style/jquery.jscrollpane.css
    Module build failed: TypeError: Invalid PostCSS Plugin found at: plugins[0]


  

Вот мой postcss.config.js

 const path = require('path');

module.exports = {
    plugins: [
        {
            'postcss-extract-media-query': {
                output: {
                    path: path.join(__dirname, 'dist'),
                    name: '[name]-[query].[ext]'
                },
                queries: {
                    'screen and (min-width: 1024px)': 'desktop'
                }
            }
        }
    ]
}
  

Postcss отлично работает без него, по крайней мере, у меня нет никаких ошибок

Часть webpack.config.js , Я сомневаюсь, что у меня здесь есть какие-либо проблемы, поскольку он работает нормально

 cssLoader = [ 'css-loader', 'postcss-loader'],

return {
    module: {
        rules: [ { test: /.css$/, use:  cssLoader  },]
    }
}
  

Часть моего package.json

     "postcss": "^7.0.14",
    "postcss-extract-media-query": "^1.2.0",
    "postcss-loader": "^3.0.0",
    "webpack": "^3.12.0",

  

У вас есть какие-либо идеи, почему это не работает?

UPD:

У меня нет никаких ошибок, если я буду использовать его следующим образом:

 module.exports = {
    plugins: [
            require('postcss-extract-media-query'),
    ] }
  

Но мне также нужно настроить некоторые параметры, поэтому у меня это не работает