gh-pages не видит картинки и шрифты

Я новенький в разработке, сверстал сайт на 3 страницы, собрал все с помощью Webpack и залил в репозиторий на хабе. Проблема в том что при переходе на сайт по ссылке github.io не подгружаются шрифты и картинки.

При npm run dev, все работает и подгружается.

const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const WebpackMd5Hash = require('webpack-md5-hash');
const webpack = require('webpack');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const isDev = process.env.NODE_ENV === 'development';
const filename = ext => isDev ? `[name].${ext}` : `[name].[chunkhash].${ext}`;

module.exports = {
    entry: { // делаю несколько точек входа
        index: './src/JS/index.js',
        about: './src/JS/about.js',
        analytics: './src/JS/analytics.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: `JS/${filename('js')}`
    },
    module: {
        rules: [{
            test: /\.js$/,
            exclude: /node_modules\/(?!(dom7|ssr-window|swiper)\/).*/,
            use: { loader: "babel-loader" }
            },
            {
            test: /\.css$/,
            use: [(isDev ? 'style-loader' : MiniCssExtractPlugin.loader),
                    'css-loader',
                    'postcss-loader'
                 ]
            },
            {
            test: /\.(png|jpg|gif|ico|svg)$/i,
            use: [
                {
                loader: 'file-loader',
                options: {
                    name: './images/[name].[ext]',
                    esModule: false,
                    }
                },
                {
                    loader: 'image-webpack-loader',
                    options: {
                        bypassOnDebug: true,
                        disable: true,
                    }
                },
                 ]
            },
            {
            test: /\.(ttf|woff2?|eot)$/,
            use: {
                    loader: "file-loader",
                    options: {
                        name: "./vendor/fonts/__file/[name].[ext]",
                    }
                }
            },
        ]
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: `./pages/${filename('css')}`
        }),
        new OptimizeCssAssetsPlugin({
            assetNameRegExp: /\.css$/g,
            cssProcessor: require('cssnano'),
            cssProcessorPluginOptions: {
                    preset: ['default'],
            },
            canPrint: true
        }),
        new HtmlWebpackPlugin({
            inject: false,
            template: './src/index.html',
            filename: 'index.html',
            chunks: ['index']
        }),
        new HtmlWebpackPlugin({
            inject: false,
            template: './src/about.html',
            filename: 'about.html',
            chunks: ['about']
        }),
        new HtmlWebpackPlugin({
            inject: false,
            template: './src/analytics.html',
            filename: 'analytics.html',
            chunks: ['analytics']
        }),
        new WebpackMd5Hash(),
        new webpack.DefinePlugin({
            'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
        })
    ]
};

P.S.: Писал по БЭМу, файл .nojekyll добавлен в обе ветки.такая ошибка в консоле


Ответы (0 шт):