如何重命名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文件,并且正在使用.js重命名为的扩展名为它们提供服务.bundle.例如,您的index.io.js文件是通过以下方式编译和提供的:

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

如果您foo.js在同一目录中添加了另一个文件index.ios.js,则打包程序将从以下位置提供服务:

 http://localhost:8081/foo.bundle

您可以通过在浏览器中打开该网址来确认这一点.

现在回答您的问题,您的项目有一个iOS/AppDelegate.m包含以下行的文件:

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

......正如你所看到的,它加载了index.ios.bundle.您可以将路径/文件名更改为您想要的任何内容,但最好坚持使用建议的方法来命名您的条目文件index.io.js

Answer 2

假设您已将您移动index.ios.js到名为的文件夹中dist.你需要做两件事

1. 对于你的开发环境:更新jsBundleURLForBundleRoot以AppDelegate.m匹配更新的路径.

2. 对于您的发行包:打开您的Xcode项目.您需要在项目的Build Phases下更新Bundle React Native代码和图像任务.更新本节中的shell脚本,如下所示:

   export NODE_BINARY=node ../node_modules/react-native/packager/react-native-xcode.sh dist/index.ios.js

   react-native-xcode.sh接受ENTRY_FILE作为可选的第一个参数,index.ios.js如果找不到则默认为.

   更新了构建阶段示例

   参考 - react-native/scripts/react-native-xcode.sh