npm запустить сборку не включая /public/images/images.png

Question

Я просто тестирую React Boilerplate с пользовательским интерфейсом материалов и использую несколько изображений png (хранящихся в /public/images/). Если я npm start, проект загружает эти изображения, как талисман, но после ввода npm run build построенный проект не загружает изображения в /public/images/. Я использую React 16.8.6 и загружаю изображения следующим образом:

<Avatar src="../../public/images/my_image.png" ... />

После некоторых исследований я попытался импортировать изображения вместо загрузки их в подпорку src компонента, но когда npm run build до сих пор не нашел ни одного из них. Есть ли какая-либо конфигурация в веб-пакете, которую мне не хватает, или как я могу решить эту проблему?

Answer 1

Я нашел решение установить copy-webpack-plugin и затем изменить конфигурацию веб-пакета следующим образом:

plugins: options.plugins.concat([
   ...,
   new CopyWebpackPlugin([{ from: 'public' }])
])