feat: 新增 Node.js 的构建 API remax/build

docs/api/remax-build.md

@@ -0,0 +1,25 @@
+---
+title: remax/build
+---
+
+`remax/build` 下包含构建 Remax 应用的 Node.js API，方便把 Remax 集成到你自己的构建流程中。
+
+_带有 `?` 的选项表示非必填项_
+
+## buildApp(options)
+
+构建 Remax 应用。
+
+```javascript
+const { buildApp } = require('remax/build');
+
+buildApp({ target: 'ali', output: 'build' });
+```
+
+#### 参数
+
+- `options` - `remax.config.js` 里支持的配置和命令行的参数
+
+#### 返回值
+
+webpack 的 compiler 对象。

packages/remax-cli/src/build/webpack/plugins/NativeFiles/getUsingComponents.ts

@@ -0,0 +1,49 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { compilation } from 'webpack';
+import { Options } from '@remax/types';
+import { nativeComponents } from '@remax/macro';
+import { slash } from '@remax/shared';
+import { isPluginPath } from '../../../utils/nativeComponent';
+
+const NATIVE_COMPONENT_OUTPUT_DIR = 'remaxVendors';
+
+function getNativeComponentAssetOutputPath(sourcePath: string, options: Options) {
+  return (
+    NATIVE_COMPONENT_OUTPUT_DIR +
+    '/' +
+    slash(sourcePath)
+      .replace(slash(options.cwd) + '/', '')
+      .replace(slash(options.rootDir) + '/', '')
+      .replace(/@/g, '_')
+      .replace(/node_modules/g, 'npm')
+  );
+}
+
+export default function getUsingComponents(modules: string[], options: Options, compilation: compilation.Compilation) {
+  const components = Array.from(nativeComponents.values()).filter(component =>
+    component.importers.some(importer => modules.includes(importer))
+  );
+
+  return components.reduce<any>((config, component) => {
+    component.assets.forEach(asset => {
+      const assetPath = getNativeComponentAssetOutputPath(asset, options);
+      const source = fs.readFileSync(asset);
+
+      compilation.assets[assetPath] = {
+        source: () => source,
+        size: () => Buffer.byteLength(source),
+      };
+    });
+
+    if (isPluginPath(component.sourcePath)) {
+      config[component.id] = component.sourcePath;
+    } else {
+      const usingPath = '/' + getNativeComponentAssetOutputPath(component.sourcePath, options);
+      const ext = path.extname(usingPath);
+      config[component.id] = usingPath.replace(new RegExp(`\\${ext}$`), '');
+    }
+
+    return config;
+  }, {});
+}

packages/remax/build.d.ts

@@ -0,0 +1 @@
+export { build as buildApp } from '@remax/cli/lib/build';

packages/remax/build.js

@@ -0,0 +1 @@
+module.exports.buildApp = require('@remax/cli/lib/build').build;