Указать путь до папки sourse в собранном webpack проекте

у меня есть проект, в котором в папке сборки должны быть mp3 и wav файлы. В коде js есть ссылка на данную папку:

const link = './pronounce/' + button.getAttribute("audioLink")

Я научился закидывать необходимые файлы в папку сборки. Они хранятся в publick/static/мои_файлы.mp3

Подскажите, пожалуйста, как мне настроить мой webpack.config.js, чтобы я мог ссылаться в коде на данную папку?
П.С. проблема в том, что после сборки я получаю абсолютный путь на файлы, начинающийся с С://и т.д.
П.П.С мой вебпак конфиг:

module.exports = {
    context: path.join(__dirname, '/'),
    entry: {
        main: path.resolve(__dirname, './index.js'),
    },
    output: {
        path: path.resolve(__dirname, './public'),
        filename: 'webpack.bundle.js'
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'webpack Boilerplate',
            template: path.resolve(__dirname, './index.html'), 
            filename: 'index.html', 
        }),
        new CleanWebpackPlugin(),
        new CopyWebpackPlugin({
            patterns: [
                { from: 'pronounce', to: 'static' }
            ]
        })
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: ['babel-loader'],
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            }
        ],

    },
};

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