Using group-css-media-queries with webpack Encore for Symfony 4 projects ?

[khoudj]

Is there a way to use group-css-media-queries with webpack Encore for Symfony 4 projects ?

In Webpack Encore configuration, there is a method .enablePostCssLoader(). This method accept a postCssLoaderOptionsCallback as signature. I think we can plug group-css-media-queries here but i not sure who to do that, any idea

[kravchukmg]

I faced the same problem.

[WebLifeOn]

you can add postcss-combine-media-query => yarn postcss-combine-media-query

.enablePostCssLoader() in webpack.config.js

postcss.config.js file

module.exports = {
  plugins: {
    'autoprefixer': {},
    'postcss-combine-media-query': {}
  }
};