Files
create-react-app/packages/react-error-overlay/build.js
Tharaka Wijebandara cd3d04b71e Make error overlay to run in the context of the iframe (#3142)
* Make error overlay to run in the context of the iframe

* Configure webpack to build the entire package

* Remove inline raw-loader config

* Configure watch mode for error-overlay webpack build

* Add polyfills to the error-overlay iframe script

* Add header comment

* Configure to fail CI on error or warning

* Suppress flow-type error on importing iframe-bundle

* Change webpack to a dev dependency and pin some versions

* Disable webpack cache

* Update license headers to MIT
2017-10-03 21:45:15 +05:30

96 lines
2.4 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.
*/
const webpack = require('webpack');
const chalk = require('chalk');
const webpackConfig = require('./webpack.config.js');
const iframeWebpackConfig = require('./webpack.config.iframe.js');
const rimraf = require('rimraf');
const chokidar = require('chokidar');
const args = process.argv.slice(2);
const watchMode = args[0] === '--watch' || args[0] === '-w';
const isCI =
process.env.CI &&
(typeof process.env.CI !== 'string' ||
process.env.CI.toLowerCase() !== 'false');
function build(config, name, callback) {
console.log(chalk.cyan('Compiling ' + name));
webpack(config).run((error, stats) => {
if (error) {
console.log(chalk.red('Failed to compile.'));
console.log(error.message || error);
console.log();
}
if (stats.compilation.errors.length) {
console.log(chalk.red('Failed to compile.'));
console.log(stats.toString({ all: false, errors: true }));
}
if (stats.compilation.warnings.length) {
console.log(chalk.yellow('Compiled with warnings.'));
console.log(stats.toString({ all: false, warnings: true }));
}
// Fail the build if running in a CI server
if (
error ||
stats.compilation.errors.length ||
stats.compilation.warnings.length
) {
isCI && process.exit(1);
return;
}
console.log(
stats.toString({ colors: true, modules: false, version: false })
);
console.log();
callback(stats);
});
}
function runBuildSteps() {
build(iframeWebpackConfig, 'iframeScript.js', () => {
build(webpackConfig, 'index.js', () => {
console.log(chalk.bold.green('Compiled successfully!\n\n'));
});
});
}
function setupWatch() {
const watcher = chokidar.watch('./src', {
ignoreInitial: true,
});
watcher.on('change', runBuildSteps);
watcher.on('add', runBuildSteps);
watcher.on('ready', () => {
runBuildSteps();
});
process.on('SIGINT', function() {
watcher.close();
process.exit(0);
});
watcher.on('error', error => {
console.error('Watcher failure', error);
process.exit(1);
});
}
// Clean up lib folder
rimraf('lib/', () => {
console.log('Cleaned up the lib folder.\n');
watchMode ? setupWatch() : runBuildSteps();
});