server: create production build with webpack directly

This commit is contained in:
Jesse Chan
2021-11-28 22:48:22 -08:00
parent a94bbb4198
commit 477919856b
8 changed files with 201 additions and 49 deletions
-101
View File
@@ -1,101 +0,0 @@
// Do this as the first thing so that any code reading it knows the right env.
process.env.BABEL_ENV = 'production';
process.env.NODE_ENV = 'production';
// Makes the script crash on unhandled rejections instead of silently
// ignoring them. In the future, promise rejections that are not handled will
// terminate the Node.js process with a non-zero exit code.
process.on('unhandledRejection', (err) => {
throw err;
});
const chalk = require('chalk');
const fs = require('fs-extra');
const webpack = require('webpack');
const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
const paths = require('../../shared/config/paths');
const config = require('../config/webpack.config.prod');
const {measureFileSizesBeforeBuild, printFileSizesAfterBuild} = FileSizeReporter;
// These sizes are pretty large. We'll warn for bundles exceeding them.
const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
// Warn and crash if required files are missing
if (!checkRequiredFiles([paths.appHtml, paths.appIndex])) {
process.exit(1);
}
const copyPublicFolder = () => {
fs.copySync(paths.appPublic, paths.appBuild, {
dereference: true,
filter: (file) => file !== paths.appHtml,
});
};
// Create the production build and print the deployment instructions.
const build = (previousFileSizes) => {
console.log('Creating an optimized production build...');
const compiler = webpack(config);
return new Promise((resolve, reject) => {
compiler.run((err, stats) => {
if (err) {
return reject(err);
}
return resolve({
stats,
previousFileSizes,
});
});
});
};
// First, read the current file sizes in build directory.
// This lets us display how much they changed later.
measureFileSizesBeforeBuild(paths.appBuild)
.then((previousFileSizes) => {
// Remove all content but keep the directory so that
// if you're in it, you don't end up in Trash
fs.emptyDirSync(paths.appBuild);
// Merge with the public folder
copyPublicFolder();
// Start the webpack build
return build(previousFileSizes);
})
.then(
({stats, previousFileSizes}) => {
if (stats.hasErrors()) {
stats.compilation.errors.forEach((err) => {
console.error(err);
});
process.exit(1);
}
if (stats.hasWarnings()) {
console.log(chalk.yellow('Compiled with warnings.\n'));
stats.compilation.warnings.forEach((warning) => {
console.warn(warning);
});
}
console.log('File sizes after gzip:\n');
printFileSizesAfterBuild(
stats,
previousFileSizes,
paths.appBuild,
WARN_AFTER_BUNDLE_GZIP_SIZE,
WARN_AFTER_CHUNK_GZIP_SIZE,
);
},
(err) => {
console.log(chalk.red('Failed to compile.\n'));
console.log(`${err.message || err}\n`);
process.exit(1);
},
);