Тот же publicPath при загрузке изображений из CSS и HTML

Я хочу разбираться с webpack. Ну есть проблема путей img в html файле и css background image url

я хочу что получилась так

(img src="assets/images/x.jpg" alt="flower")

в index.html и

(background: url(../images/x.jpg))

в style.css

Ну получается так

(img src="../images/x.jpg" alt="flower")

в index.html и

(background: url(../images/x.jpg))

в style.css

у меня структур файла

И конфугираwия

{
    test:/\.(png|svg|jpg|gif)$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: '[name].[ext]',
                outputPath: 'assets/images/',
                publicPath: '../images'
            },
        },
    ],
},

Еще хотела добавить "publicPath" options MiniCssExtractplugin

и тогда тоже получилась не так как я хотела

(img src="assets/images/gul-3.jpg" alt="flower")

в index.html

background: url(../assets/images/baby.jpg) в style.css

{                
    test: /\.scss$/,
    use:  [  "style-loader",
        {
            loader: MiniCssExtractPlugin.loader,
            options: {                           
                publicPath: '../'
            }
        },
        "css-loader",
        "sass-loader"]
}

Как можно это исправить?