perf: idea from facebook/react-native#10804

Author: swainet

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 .*
 !.babelrc
+yarn.lock

README.md

@@ -9,62 +9,49 @@ Standalone ReactNative Packager without framework code.
 
 ## Dependencies
 
-```
+```json
 "devDependencies": {
   "rn-packager": "~0.9.0",
   "react-native": "0.34.1",
   "react": "~15.3.1"
 }
 ```
-### Important: 
+### Important:
 add `rn-blackliast.js` file at your project root dir for filter modules those your don't want package!
 
 see the standard file at `lib/rn-blacklist.js`. your can add your common modules, support RegExp.
 
 ## Bundle
 
-bundle without framework code and polyfill
-
-```
-$ node_modules/rn-packager/bin/rnpackager bundle --entry-file  entry/file/path.js --bundle-output out/file/path.jsbundle --platform ios
-```
+solution from https://github.com/facebook/react-native/pull/10804
 
-added parameters:
+Now u can use `manifest.json` file to generate `core modules`.
 
-*  --include-framework  Whether to bundle include module `react-native` and polyfills   [default: false]
-*  --runBeforeMainModule  Modules required before main module                           [default: ["InitializeJavaScriptAppEngine"]]
+1. Bundle ur core bundle and output `manifest.json`
+2. Bundle ur app bundle with `manifest.json` that Step 1 generated.
 
 
-## Bundle sdk
+### Bundle core
 
-```
-$ rnpackager bundle --entry-file node_modules/rn-core/react-native/Libraries/react-native/react-native.js --bundle-output ~/Desktop/react-native-debug.js --platform ios --include-framework
+```shell
+$ rnpackager bundle --entry-file node_modules/react-native/Libraries/react-native/react-native.js --bundle-output ~/Dowloads/core.ios.bundle --platform ios --manifest-output core.ios.manifest.json
 ```
 
-## Server
+### Bundle app
 
-```
-$ rnpackager start
+```shell
+rnpackager bundle --entry-file foo.js --bundle-output ~/Dowloads/foo.ios.bundle --platform ios --manifest-file core.ios.manifest.json
 ```
 
-added query parameters: `framework=true` `runBeforeMainModule=[]`
+## Server
 
-## Programmatic API
-```
-var RNPackager = require('rn-packager');
-
-gulp.task('task', function(){
-  return RNPackager.bundle.func({
-    "entryFile": "tests/index.ios.js",
-    "bundleOutput": "tests/index.ios.bundle",
-    "platform": "ios"
-  });
-});
+```shell
+$ rnpackager start
 ```
 
 ## Demo
 
-```
+```shell
 $ cd tests
 $ npm i
 $ rnpackager start

index.js

@@ -1,6 +1,6 @@
 {
   "name": "rn-packager",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "description": "Based on Facebook Packager v0.32.0, support Core & Business JS Separate.",
   "main": "src/index.js",
   "bin": {

package.json

@@ -7,17 +7,14 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
- // @Denis
- require('../../packager/babelRegisterOnly')([
-   /react-packager\/src/
- ]);
- 
 const log = require('../util/log').out('bundle');
 const outputBundle = require('./output/bundle');
 const path = require('path');
 const Promise = require('promise');
 const saveAssets = require('./saveAssets');
 const Server = require('../../packager/react-packager/src/Server');
+// @mc-zone
+const fs = require('fs');
 const defaultAssetExts = require('../../packager/defaultAssetExts');
 
 function saveBundle(output, bundle, args) {
@@ -37,8 +34,6 @@ function buildBundle(args, config, output = outputBundle, packagerInstance) {
     dev: args.dev,
     minify: !args.dev,
     platform: args.platform,
-    runBeforeMainModule: args.runBeforeMainModule,  // @Denis
-    includeFramework: args.includeFramework,    // @Denis
   };
 
   // If a packager instance was not provided, then just create one for this
@@ -59,6 +54,12 @@ function buildBundle(args, config, output = outputBundle, packagerInstance) {
       resetCache: args.resetCache,
     };
 
+    // @mc-zone
+    if (typeof args.manifestFile === 'string') {
+      options.manifestReferrence = JSON.parse(
+        fs.readFileSync(args.manifestFile, 'utf-8')
+      );
+    }
     packagerInstance = new Server(options);
     shouldClosePackager = true;
   }

react-native/local-cli/bundle/buildBundle.js

@@ -7,14 +7,6 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 
-// @Denis
-'use strict';
-
-require('../../packager/babelRegisterOnly')([
- /local-cli/
-]);
-const defaultConfig = require('../default.config');
-
 const buildBundle = require('./buildBundle');
 const outputBundle = require('./output/bundle');
 const outputPrepack = require('./output/prepack');
@@ -31,16 +23,6 @@ function bundleWithOutput(argv, config, args, output, packagerInstance) {
 }
 
 function bundle(argv, config, args, packagerInstance) {
-  // @Denis 支持构建脚本传入object参数
-  if (isNaN(argv.length)) {
-    config = config || defaultConfig;
-    var args = argv;
-    args.bundleEncoding = args.bundleEncoding || 'utf8';
-    args.transformer = args.transformer || config.getTransformModulePath();
-  }
-  // console.log('argv:', argv);
-  // console.log('config:', config);
-  // console.log('args:', args);
   return bundleWithOutput(argv, config, args, undefined, packagerInstance);
 }
 

react-native/local-cli/bundle/bundle.js

@@ -52,13 +52,12 @@ module.exports = [
     command: '--reset-cache',
     description: 'Removes cached files',
     default: false,
-  }, {  // @Denis 是否集成框架
-    command: '--include-framework [boolean]',
-    description: 'Whether to bundle include core modules and polyfills',
-    default: false,
-  }, { // @Denis 增加runBeforeMainModule
-    command: '--runBeforeMainModule [string]',
-    description: 'Modules required before main module',
-    required: false,
+  }, {
+  // @mc-zone
+    command: '--manifest-output [string]',
+    description: 'File name where to store the manifest file for bundle splitting, ex. ./output/base.manifest.json',
+  }, {
+    command: '--manifest-file [path]',
+    description: 'Path to the manifest file if want to split bundle, ex. ./output/base.manifest.json',
   },
 ];

react-native/local-cli/bundle/bundleCommandLineArgs.js

@@ -31,7 +31,9 @@ function saveBundleAndMap(bundle, options, log) {
     bundleOutput,
     bundleEncoding: encoding,
     dev,
-    sourcemapOutput
+    sourcemapOutput,
+    // @mc-zone
+    manifestOutput,
   } = options;
 
   log('start');
@@ -49,14 +51,35 @@ function saveBundleAndMap(bundle, options, log) {
   Promise.all([writeBundle, writeMetadata])
     .then(() => log('Done writing bundle output'));
 
+  // @mc-zone
+  const writeTasks = [writeBundle];
+
   if (sourcemapOutput) {
     log('Writing sourcemap output to:', sourcemapOutput);
     const writeMap = writeFile(sourcemapOutput, codeWithMap.map, null);
     writeMap.then(() => log('Done writing sourcemap output'));
-    return Promise.all([writeBundle, writeMetadata, writeMap]);
-  } else {
-    return writeBundle;
+  // @mc-zone
+  //   return Promise.all([writeBundle, writeMetadata, writeMap]);
+  // } else {
+  //   return writeBundle;
+    writeTasks.push(writeMetadata, writeMap);
+  }
+
+  // @mc-zone
+  if (manifestOutput) {
+    log('Writing manifest output to:', manifestOutput);
+    const manifest = createBundleManifest(bundle);
+    const writeManifest = writeFile(manifestOutput, manifest, null);
+    writeManifest.then(() => log('Done writing manifest output'));
+    writeTasks.push(writeManifest);
   }
+
+  return Promise.all(writeTasks);
+}
+
+// @mc-zone
+function createBundleManifest(bundle) {
+  return JSON.stringify(bundle.getManifest(), null, 2);
 }
 
 exports.build = buildBundle;

react-native/local-cli/bundle/output/bundle.js

@@ -13,7 +13,7 @@
 require('./server/checkNodeVersion')();
 
 require('../packager/babelRegisterOnly')([
-  // /private-cli\/src/,  @Denis
+  /private-cli\/src/,
   /local-cli/,
   /react-packager\/src/
 ]);

react-native/local-cli/cli.js

@@ -28,8 +28,8 @@ var sharedBlacklist = [
   /rn-packager\/react-native\/local-cli\/.*/,
   'rn-packager/react-native/package.json',
   'rn-packager/react-native/packager/package.json',
-  'react-native/Libraries/react-native/React.js',
-  'react-native/Libraries/react-native/ReactNative.js',
+  // 'react-native/Libraries/react-native/React.js',
+  // 'react-native/Libraries/react-native/ReactNative.js',
 ];
 
 var platformBlacklists = {