RGameShow
@RGameShow
В поисках ответов на глупые вопросы

MediaQueryPlugin как подгружать картинки применяемые в CSS медизапросах?

Использую плагин media-query-plugin для вытаскивания медиа запросов в отдельные файлы.

На данной стадии:
// webpack.common.js
{
  test: /\.(sa|sc|c)ss$/,
      use: [
  {
    loader: MiniCssExtractPlugin.loader,
    options: {
      publicPath: paths.images,
    },
  },
  'css-loader',
  MediaQueryPlugin.loader,
  'postcss-loader',
  'sass-loader'
]
},


Модуль MediaQueryPlugin тащит все медиа запросы в отдельные файлы и закидывает в папку:
// webpack.common.js
new MediaQueryPlugin({
  include: ['main', 'pages', 'posts', 'admin'],
  filename: '../../min/css/[name].[ext]',
  queries: {
    'screen and (max-width: 1399.98px)': 'max-1400',
    'screen and (max-width: 1199.98px)': 'max-1200',
    'screen and (max-width: 991.98px)': 'max-992',
    'screen and (max-width: 767.98px)': 'max-768',
    'screen and (max-width: 575.98px)': 'max-576',
  },
}),


Но картинки используемые в данных медиа запросах (background: url(....)) он игнорирует, а также не применяется postcss, при том что все остальные файлы работают, только то что вырезал не алё ... как решить данную проблему?
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы