Как сохранить структуру папок, используя файл-загрузчик с веб-пакетом, но пропустить «src»?

Question

Я использую файл-загрузчик с Webpack 4 и копирую некоторые ресурсы как есть в папку /dist. Это возможно, если предоставить

name: "[path][name].[ext]"

в качестве параметра, но это приводит к сохранению всей структуры папок (в моем случае, включая часть src/). Моя цель - скопировать точный путь к файлам, но используя src/ в качестве рута, есть ли у кого-нибудь такой опыт?

Answer 1

Webpack file-loader принимает функцию для name свойства .Вы можете использовать это, чтобы вернуть пользовательский вычисленный путь.

{
    test: /\.(png|jpg|gif)$/,
    use: [{
        loader: 'file-loader',
        options: {
            name(file) {

                // generate path dynamically here
                const newPath = '[hash].[ext]';

                return newPath;
            },
        },
    }],
}

Кроме того, если вам действительно нужно просто скопировать ресурсы из src в dist, то, вероятно, webpack-copy-плагин - лучший способ справиться с этим.