mirror of
https://github.com/status-im/react-native.git
synced 2025-02-05 06:04:15 +00:00
e4621f4ce1
Summary:
This diff exposes the new more generic way to configure transformers in `Metro` via the config parameter `transformerPath`.
The new generic transformers can be used to transform any kind of file, since they don't call any JS-specific method and their API is generic. They only need to implement a single `transform` method:
```
async function transform(
absolutePath: string,
relativePath: string,
fileContents: Buffer,
options: TransformOptions, // very soon these will be configurable
): Promise<{
output: Array<mixed>,
dependencies: Array<{
name: string,
data: mixed, // very soon
}>,
}> {
// ...
}
```
Metro already had a `transformModulePath` config param, which was used to configure how babel was called in order to generate the AST. In order to avoid confusion, but keep the current open source transformer worker, I've renamed this param to `babelTransformerPath`. We can add a layer of compatibility and detect old config params in order to show a deprecation warning.
Reviewed By: pvdz
Differential Revision: D9070810
fbshipit-source-id: aebde879736026c09537f5d236eae24c06640abf
81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const log = require('../util/log').out('bundle');
|
|
/* $FlowFixMe(site=react_native_oss) */
|
|
const Server = require('metro/src/Server');
|
|
|
|
/* $FlowFixMe(site=react_native_oss) */
|
|
const outputBundle = require('metro/src/shared/output/bundle');
|
|
const path = require('path');
|
|
const saveAssets = require('./saveAssets');
|
|
|
|
import type {RequestOptions, OutputOptions} from './types.flow';
|
|
import type {ConfigT} from 'metro-config/src/configTypes.flow';
|
|
|
|
async function buildBundle(
|
|
args: OutputOptions & {
|
|
assetsDest: mixed,
|
|
entryFile: string,
|
|
maxWorkers: number,
|
|
resetCache: boolean,
|
|
transformer: string,
|
|
minify: boolean,
|
|
},
|
|
configPromise: Promise<ConfigT>,
|
|
output = outputBundle,
|
|
) {
|
|
// This is used by a bazillion of npm modules we don't control so we don't
|
|
// have other choice than defining it as an env variable here.
|
|
process.env.NODE_ENV = args.dev ? 'development' : 'production';
|
|
const config = await configPromise;
|
|
|
|
let sourceMapUrl = args.sourcemapOutput;
|
|
if (sourceMapUrl && !args.sourcemapUseAbsolutePath) {
|
|
sourceMapUrl = path.basename(sourceMapUrl);
|
|
}
|
|
|
|
config.transformerPath = args.transformer
|
|
? path.resolve(args.transformer)
|
|
: config.transformerPath;
|
|
|
|
const requestOpts: RequestOptions = {
|
|
entryFile: args.entryFile,
|
|
sourceMapUrl,
|
|
dev: args.dev,
|
|
minify: args.minify !== undefined ? args.minify : !args.dev,
|
|
platform: args.platform,
|
|
};
|
|
|
|
const server = new Server({...config, resetCache: args.resetCache});
|
|
|
|
try {
|
|
const bundle = await output.build(server, requestOpts);
|
|
|
|
await output.save(bundle, args, log);
|
|
|
|
// Save the assets of the bundle
|
|
const outputAssets = await server.getAssets({
|
|
...Server.DEFAULT_BUNDLE_OPTIONS,
|
|
...requestOpts,
|
|
bundleType: 'todo',
|
|
});
|
|
|
|
// When we're done saving bundle output and the assets, we're done.
|
|
return await saveAssets(outputAssets, args.platform, args.assetsDest);
|
|
} finally {
|
|
server.end();
|
|
}
|
|
}
|
|
|
|
module.exports = buildBundle;
|