reactjs - npm run build 不包括 /public/images/images.png

Question

我只是在使用 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 中是否有任何配置，或者我该如何解决？

标签： reactjsmaterial-uireact-boilerplateimageloader

Answer 1

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

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