Использую плагин
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, при том что все остальные файлы работают, только то что вырезал не алё ... как решить данную проблему?