反应webpack app public / images vs src / images

时间:2018-03-22 16:21:10

标签: reactjs webpack assets directory-structure organization

我也在使用webpack来转换并将js内容捆绑到公共场所 将图像资产保留在公共场所与非公共场所的利弊是什么 对于反应应用程序,哪种项目结构更好?

public/  
-images/  
--favicon.ico  
--(other-image-files...)  
-index.html
-bundle.js

src/
-components/
-style/
-images/
-utils/

3 个答案:

答案 0 :(得分:1)

总体而言,我们的想法是公共目录中的图片可以通过应用外部的网址访问。 src中的任何内容只有在通过webpack import加载时才会内置。我通常将内容保存在src中,除非它是公开共享的。

答案 1 :(得分:0)

src目录具有很长的源代码被编译,链接并最终以可执行文件结尾的历史。使用当今的构建工具,该概念仍然是最新的。使用webpackbrunchparcel,您永远不会真正真正地直接从public目录中“提供”任何内容-一切都被编译,捆绑等到{{1 }}或public输出目录。

考虑到这一点,我认为dist完全适用于图像甚至您的src文件(请注意,分发文件夹中的index.html可能会有所不同您创建的原始“源” index.html)。希望对您有所帮助。不知道它是否更好,但考虑到您的问题,我将其作为一种观点。

答案 2 :(得分:0)

https://facebook.github.io/create-react-app/docs/using-the-public-folder

CRA文档中推荐的方法是将图像放入import scrapy class ExampleSpider(scrapy.Spider): name = 'example' allowed_domains = ['timesofindia.indiatimes.com'] start_urls = ['https://timesofindia.indiatimes.com/us/donald-trump-boris-johnson-talk-5g-and-trade-ahead-of-g7-white-house/articleshow/70504270.cms'] def parse(self, response): item = response.xpath('//div[@class="Normal"]/text()').extract() yield{'Item':item} 中并通过导入将其加载。

仅在特殊情况下才使用src文件夹。

相关问题