Указать путь до папки 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'
]
}
],
},
};