请问一下react脚手架搭建的项目，public文件下应该放那些文件，具体应该怎么引用路径才不会报错呢？

Question

1.最近在用react的create-react-app搭建react项目，出现几个困惑，public文件夹下我的理解应该是放css/less文件,和图片和一些静态配置json文件。

问题1: 现在我有个疑惑就是如何在src目录下的app.js文件，或者是component下的.jsx文件内引用这些public下的静态文件呢？

问题2: 如果样式表中的less文件在public目录下，图片也在public目录下，样式表中的图片路径应该如何写呢？

先行谢过

Answer 1

public 应该是主要放不需要webpack打包的静态资源的
如果有需要打包的静态资源可以在src下创建文件夹，安装相应的loader引入非js资源

Answer 2

我在用相对路径引入的过程中报错了，网上查文档说是react自己加的限制，引用src以外的目录下的文件会出错，只要在webpack.config.js中注释掉如图所示的代码就不报错了，可以用相对路径引入静态文件了。

Answer 3

最好不要引用 public 文件夹下的内容，而是将这些静态资源，和最终打包后的文件放在一起进行发布。