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

Question

我只是用Material UI测试React样板，并且我使用了一些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里面有没有什么配置，或者怎么解决？

Answer 1

我找到的解决方案是安装copy-webpack-plugin，然后修改webpack配置，如下所示：

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