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' }])
])
我只是用 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' }])
])