Как копировать файлы html в папку dist через webpack и уже находясь в папке dist подменить автоматически пути к картинкам с учётом местоположения?

HtmlWebpackPlugin - и в 4 и в 5 webpack работает
Установить сам плагин:
npm install --save-dev html-webpack-plugin

Импортировать:

const HtmlWebpackPlugin = require('html-webpack-plugin');

Использовать. Здесь это будет вместо Copy plugin:

// plugins configurations
        plugins: [
            // save compiled SCSS into separated CSS file
            new MiniCssExtractPlugin({
                filename: "css/main.css"
            }),

            // copy static assets directory
            new HtmlWebpackPlugin([
                {template: '/index.html', }
            ]),

            // image optimization
            new ImageminPlugin({
                // disable for dev builds
                disable: !isProduction,
                test: /\.(jpe?g|png|gif)$/i,
                pngquant: {quality: '70-85'},
                optipng: {optimizationLevel: 9}
            }),

Как использовать ArrayBuffer на практике?

newaitix, Что именно ты получить хочешь на выход?

Как использовать ArrayBuffer на практике?

var req = new XMLHttpRequest();
    req.open('GET', "/");
    req.responseType = "arraybuffer";
    req.send();

    req.onreadystatechange = function () {
        if (req.readyState === 4) {
            var buffer = req.response;
            var dataview = new DataView(buffer);
            var ints = new Int32Array(buffer.byteLength / 4);
            for (var i = 0; i < ints.length; i++) {
                ints[i] = dataview.getInt32(i * 4);
            }
        console.log(ints[0].toString());
        }
    }

Касаемо

как преобразовать допустим вот это "1008813135"

, а так вроде как и обычный массив
https://developer.mozilla.org/en-US/docs/Web/JavaS...

Как правильно работать с картинками в блоке?

Chips86, Правильней все таки ещё задать размер фону:
background-size: cover;

.block-top-right {
    background-image: url(http://xn--90abjnufcaafw0c.xn--p1ai/wp-content/uploads/2014/03/company_profile.jpg); 
    color: #fff;
background-repeat: no-repeat;
background-size: cover;
}

, Фон будет масштабироваться под размер блока не нарушая своих пропорций.

Как правильно работать с картинками в блоке?

2. Добавить свойство background-repeat: no-repeat блоку с фоном - картинкой.

.block-top-right {
    background-image: url(http://xn--90abjnufcaafw0c.xn--p1ai/wp-content/uploads/2014/03/company_profile.jpg); 
    color: #fff;
background-repeat: no-repeat;
}

Как правильно работать с картинками в блоке?

Chips86, Вторая проблема в чем? Если можно скриншот приложить.