我也在使用webpack来转换并将js内容捆绑到公共场所 将图像资产保留在公共场所与非公共场所的利弊是什么 对于反应应用程序,哪种项目结构更好?
public/
-images/
--favicon.ico
--(other-image-files...)
-index.html
-bundle.js
src/
-components/
-style/
-images/
-utils/
答案 0 :(得分:1)
总体而言,我们的想法是公共目录中的图片可以通过应用外部的网址访问。 src中的任何内容只有在通过webpack import加载时才会内置。我通常将内容保存在src中,除非它是公开共享的。
答案 1 :(得分:0)
src
目录具有很长的源代码被编译,链接并最终以可执行文件结尾的历史。使用当今的构建工具,该概念仍然是最新的。使用webpack
,brunch
或parcel
,您永远不会真正真正地直接从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
文件夹。