反应堆本机需要太多时间

Question

I am using react-native with scala.js. Here is the gist of my index.ios.js and package.json files.

Transform statistics :

[12:20:44 PM] <END>   request:/index.ios.bundle?platform=ios&dev=true (700ms) 
[12:20:58 PM] <START> find dependencies 
[12:20:59 PM] <END>   find dependencies (443ms) 
[12:20:59 PM] <START> transform transforming [========================================] 100% 524/525
[12:21:05 PM] <START> request:/index.ios.bundle?platform=ios&dev=true transforming [========================================] 100% 525/525 [12:21:24 PM] <END>   transform (25137ms) 
[12:21:24 PM] <END>   request:/index.ios.bundle?platform=ios&dev=true (19293ms)

It took almost ~20 seconds to transform and for every small change I make I have to wait the same amount of time.

How can I improve this time?

Answer 1

Here is the solution for this problem : https://github.com/facebook/react-native/issues/6830

Edit :

Root cause for the issue is babel.transform didn't like my scala.js output, to fix this modify transform.js file packager.

const result = babel.transform(src, babelConfig);
                           |
                          To
 const result = filename.indexOf("index.ios.js") > -1 ? {code : src}  : babel.transform(src, babelConfig);