带有Typescript和React-Native的图像URI

我有一个非常简单的应用程序，目前我正在使用它作为一个游乐场，只是在代码中玩，看看它是如何工作的

我正在使用

tsc

将我的

.tsx

文件编译到

artifacts

文件夹中，该文件夹用作compile/gradle.build的入口点

然而，我现在试图包括一个横幅图像，并击中了一堵墙。我知道目前我的

tsc

不会对图像做任何处理，即使我从“../app/assets/brand.png”导入图像，例如

import*作为brandImage

在这一点上，我意识到单靠
tsc
可能还不够。如果我没有使用
typescript
，
react native
是否会简单地将我需要的图像移动到我可以引用的构建文件夹中

我在这里迷路了。我假设我需要使用类似于
babel
的工具将文件移动到
build
或
assets
文件夹中，我可以在
.tsx
文件中引用该文件夹

在
react native
中工作对我用来构建react web应用程序的标准资产意味着什么？或者我需要有我通常会使用的类似构建步骤。
因为您有一个React原生项目，所以故事与web略有不同。要在手机上运行React本机项目，您最终必须直接与iOS/Android交互才能运行代码，因此通常不建议启动自己的构建过程。幸运的是，有很多初学者项目允许您将Typescript与React Native一起使用。我强烈建议您检查它们，而不是自己重写整个本机构建过程：


一个简单的入门教程，演示了Typescript和RN如何协同工作：
另一个用于替代普通
create react native app
的选项：

您还可以使用创建新的RN应用程序，然后添加Typescript支持：




构建过程的其余部分是什么样子的？您是在使用Webpack或类似的工具，还是直接呼叫tsc？Typescript或no Typescript，您完全正确，您需要另一个构建步骤来1）正确解析图像文件的导入，2）将图像导入到构建代码中。您好@err1100，您说得对，我只是运行
rimraf构建
，然后运行
tsc
。你推荐什么？我知道我的主要选择是a）使用节点包自己移动文件，并在json的脚本区域中定义它，b）网页包或c）babel？不完全是。Babel是一种将现代Javascript转换为在更多地方运行的不那么现代的Javascript的工具。Webpack是一个协调构建过程各个部分的工具，Babel通常就是其中之一。不管怎样，更多信息请参见我的答案。啊，谢谢。我遇到的主要问题是关于静态资源。目前，我的URI导入路径必须指向我想要包含的文件，就像它在构建文件夹中一样，而不是相对的。我猜这是webpack通常在web中处理的事情，但在react native中，它有点复杂。我在我想要相对指向的文件夹的根目录中看到了一个使用
package.json
文件的解决方案，但我无法实现该功能。关于静态资源有什么建议吗？RN有一些关于图像的文档，可能会有帮助：