DEV Community
·
React入门：基础知识理解-第10部分
内容提要
在React中，资产指应用所需的文件或资源，如图片、字体和样式表。静态资产存放在public文件夹，动态资产则在src文件夹。public用于不需处理的文件，src用于需要打包的组件文件。
关键要点
-
在React中，资产指应用所需的文件或资源，如图片、字体和样式表。
-
静态资产存放在public文件夹，动态资产则在src文件夹。
-
public文件夹用于不需处理的文件，如静态图片和HTML文件。
-
src文件夹用于需要打包的组件文件，如React组件和动态图片。
-
访问public文件夹中的文件时，使用绝对路径。
-
public文件夹中的文件不被Webpack处理，无法直接在JavaScript中导入。
-
选择public用于不变的文件，选择src用于在组件中使用的资产。
延伸解读
资产存储的选择
在React中，选择将资产存储在public文件夹还是src文件夹取决于资产的使用方式。静态资产如logo和HTML文件应放在public中，而需要处理的动态资产如React组件和动态图片则应放在src中。这种分类有助于优化应用的性能和加载速度。
Webpack处理的影响
public文件夹中的文件不会被Webpack处理，因此无法在JavaScript中直接导入。这意味着开发者在使用这些文件时需要使用绝对路径访问，可能会影响代码的可维护性和灵活性。了解这一点可以帮助开发者更好地组织项目结构。
动态与静态资产的区别
动态资产通常需要在组件中导入并打包，而静态资产则是应用中不变的资源。理解这两者的区别可以帮助开发者在项目中做出更合理的资源管理决策，确保应用的高效运行。
延伸问答
在React中，资产指的是什么？
资产指应用所需的文件或资源，如图片、字体和样式表。
React中静态资产和动态资产分别存放在哪里？
静态资产存放在public文件夹，动态资产则在src文件夹。
如何访问public文件夹中的文件？
访问public文件夹中的文件时，使用绝对路径，例如<img src="/logo.png" alt="Logo" />。
src文件夹中存放哪些类型的文件？
src文件夹用于需要打包的组件文件，如React组件和动态图片。
为什么public文件夹中的文件不能直接在JavaScript中导入？
因为public文件夹中的文件不被Webpack处理，因此无法直接在JavaScript中导入。
选择public文件夹和src文件夹的标准是什么？
选择public用于不变的文件，选择src用于在组件中使用的资产。
