Как обрабатывать изображения с помощью webpack encore & assets
поэтому я, кажется, немного запутался в том, как работать с изображениями в webpack encore + assets.
Я храню все JS и CSS так
/assets/js
/assets/css
...
С помощью encore я могу получить к ним доступ позже из моей папки /публичный/сборка — там нет проблем.
Теперь я хочу сохранить некоторые изображения (например, загрузку файла).
Первая идея заключалась в том, чтобы хранить их в папке типа /активы/изображения. Но с текущими настройками и использованием ресурсов я могу получить доступ только к файлам внутри папки /публичный/сборка.
Поэтому я попытался использовать копировать файлы, чтобы скопировать все из /активы/изображения в /public/сборка/изображения.
Нонет автоматически копирует мои файлы (например, загрузка файла в /assets/images/ не копирует его в /public/build, что недоступно в моем проекте). Так что мне нужно было бы вручную запускать бис, чего я не хочу.
Вторая идея заключалась в том, чтобы хранить загруженные изображения непосредственно внутри /public/build/images но, эти файлы будут удалены при запуске encore.
Затем я отключил опцию веб-пакета очисткаOutputBeforeBuild, чтобы изображения не удалялись. Но без этой опции папка будет заполняться новыми файлами JS и CSS каждый раз, когда я запускаю бис.
Что мне нужно?
Решение для хранения моих изображений в любом случае в папке /assets и сделать их доступными для моего проекта.
или
хранить изображения непосредственно в папке /public/build, не удаляя их и не заполняя папку с помощью JS/CSS, отключив параметр cleanupOutput.
Заранее спасибо ~Sylz
Ответы 2
Для этого вы можете использовать CopyWebpackPlugin. Вы можете прочитать эта почта для более подробной информации.
Я не думаю, что вы должны загружать в каталог asset. Согласно официальная документация, вы должны загружать прямо в каталог public.
Nvm, я думал, что должен загружать файлы в папку /public/build, которая будет удалена, когда я запущу бис. Я только что понял, что могу использовать папку /public/image, которая не будет удалена при запуске encore.
Решение моей проблемы: Сохраняйте образы в /public/images, а не в папку сборки, которая будет удалена при запуске encore.
Спасибо за ваш ответ, к сожалению, я попробовал встроенный copyFiles, который, если я не ошибаюсь, делает то же самое, что и
CopyWebpackPlugin. Проблема здесь в том, что когда изображение загружается в мой каталог активов, я хочу, чтобы плагин автоматически копировал его в папку /public/build, не запуская encore, что не так.