javascript - 如何重命名 react-native 入口文件 (index.ios.js)

Question

当我初始化一个 react-native 项目时，index.ios.js 被创建为项目入口文件。

我可以更改此文件的名称吗？如果可以，如何更改？

Answer 1

当你启动一个 react-native 应用程序时，你会看到 React Packager 输出的消息:

Running packager on port 8081

然后:

Looking for JS files in
   /Users/gbirman/gil/mapily 


React packager ready.

至此，打包器已经编译了您的 JS 文件，并使用重命名为 .bundle 的 .js 扩展名提供它们。例如，您的 index.io.js 文件是从以下位置编译和提供的:

 http://localhost:8081/index.ios.bundle

如果您在与 index.ios.js 相同的目录中添加了另一个文件 foo.js，打包器将从以下位置提供它:

 http://localhost:8081/foo.bundle

您可以通过在浏览器中打开该 url 来确认这一点。

现在回答你的问题，你的项目有一个 iOS/AppDelegate.m 文件 the following line :

 jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];

... 如您所见，它加载了 index.ios.bundle。您可以将那里的路径/文件名更改为任何您想要的，但最好坚持使用推荐的命名入口文件的方法 index.io.js