npm 运行 构建不包括 /public/images/images.png

npm run build is not including /public/images/images.png

我只是用 Material UI 测试 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 仍然找不到任何图像。我缺少的 webpack 中是否有任何配置,或者我该如何解决这个问题?

我找到的解决方案是安装 copy-webpack-plugin 然后像这样修改 webpack 配置:

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