请问老师，public文件夹和assets文件夹的区别是什么？如何决定某个静态文件放到哪个文件夹中？

Answer 1

阿莱克斯刘 2021-05-10 03:13:56

• publice

public文件夹不用去动它，create-react-app项目在最终打包的时候，所有的代码都会自动打包到这个文件夹中。你只需要执行npm run build命令，然后把public文件夹复制粘贴到你的服务器上就能完成部署了。

• assets

而assets文件夹则是在src文件夹下、由我们自己创建的，命名为assets也只是约定俗成的规定，你也可以随便起名字。这个文件夹中保存的是图片、图标、音频、视频、字体等文件。

在最终create-react-app项目打包的时候，webpack会分析你的代码，查看代码引用，会自动把所有引用到的静态文件全部以某种特殊的格式和文件命名方式打包（复制）到public文件中。请注意，这个过程是自动的，不需要人工参与，我们了解打包过程就好了。