Как в Webpack сохранить относительные пути для картинок?
Как в Webpack сохранить относительные пути для картинок в итоговом проекте?
Пример:
/img/1.jpg
/img/folder/2.jpg
Корень итогового проекта /dist/
Надо так:
/dist/img/1.jpg
/dist/img/folder/2.jpg
А получается только так:
Настройка file-loader
test: /\.(gif|png|jpe?g|svg)$/i,
use: [{
loader: 'file-loader',
options: {
// перебор вариантов
name: '[name].[ext]' // -> /dist/1.jpg и /dist/2.jpg все в корень папки
name: '[folder]/[name].[ext]' // -> /dist/img/1.jpg и /dist/folder/2.jpg создает папки без вложенности
name: '[path]/[name].[ext]' // -> /dist/src/img/1.jpg и /dist/folder/2.jpg берет лишний src
path: path.resolve(__dirname, 'dist/[folder]'), // -> /dist/1.jpg и /dist/2.jpg все в корень папки
}
}