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 добавлен в обе ветки.