Что делает файл-загрузчик webpack?

Question

Я изучаю использование webpack в последние дни, и я чувствую смущение в загрузчике файлов. Как я знаю, мы можем использовать загрузчик файлов для копирования файла, такого как изображение, а также для настройки или кодирования имени файла и получения возвращаемого пути. Но я не знаю, зачем нужен файловый загрузчик, для чего используется возвращаемый путь? Я думаю, что те вещи, которые может выполнять файловый загрузчик, также могут быть легко сделаны вручную, я ошибаюсь? Я новичок в webpack, я искал в Интернете и ничего не нашел об этом. Любая помощь приветствуется, спасибо заранее!

Answer 1

Одна вещь, которая удобна в использовании file-loader, состоит в том, что вы можете генерировать имена файлов, которые являются «хэшированием содержимого», что означает, что имя файла содержит хэш на основе содержимого файла. Это очень помогает в том, что клиенты не случайно используют более старые версии файла из-за кэширования браузера или CDN. Если вы получите require файл, чтобы получить его URL, поэтому ни один из этих кодов не должен менять ссылки на новую версию файла. См. Filename template placeholders в документации для получения дополнительной информации.

Кроме того, все, что загружено file-loader, включается в состав активов JSON для выхода webpack, поэтому вы можете увидеть все активы в одном месте.

Вы правы, что все это можно сделать вручную, но многие находят использование webpack для таких вещей, чтобы это было более удобно. YMMV.