javascript - react打包后，静态资源图片哪去了

问题描述

问 题

react开发的SPA项目， 用webpack打包后，就剩一个html和一个js文件，静态图片资源文件和css哪去了？项目正式上线的时候，也是这样吗?还是说要怎么把静态图片资源文件拿出来？

解决方案

1.css 文件会打包到js 文件中，如果你想把css文件单独打包出来，需要用到ExtractTextPlugin。
https://www.npmjs.com/package...
这个plugin可以把css从打包好的文件中剥离出来。

2.对于图片，推荐做法是在webpack 打包中不做任何处理，只需要在build 的流程中，使用命令把开发环境的图片资源拷贝到最终产物的目录下。

这篇关于javascript - react打包后，静态资源图片哪去了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！