shlink-web-client/scripts/build.js

229 lines
6.7 KiB
JavaScript
Raw Normal View History

2019-01-07 11:24:46 +03:00
/* eslint-disable no-console */
2018-05-13 09:57:47 +03:00
// 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.
2018-08-26 00:53:51 +03:00
process.on('unhandledRejection', (err) => {
2018-05-13 09:57:47 +03:00
throw err;
});
// Ensure environment variables are read.
require('../config/env');
const path = require('path');
const chalk = require('chalk');
const fs = require('fs-extra');
const webpack = require('webpack');
2019-01-07 11:24:46 +03:00
const bfj = require('bfj');
const AdmZip = require('adm-zip');
2018-05-13 09:57:47 +03:00
const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
const printBuildError = require('react-dev-utils/printBuildError');
2019-01-07 11:24:46 +03:00
const { checkBrowsers } = require('react-dev-utils/browsersHelper');
2018-08-26 00:53:51 +03:00
const paths = require('../config/paths');
2019-01-07 11:24:46 +03:00
const configFactory = require('../config/webpack.config');
2018-05-13 09:57:47 +03:00
2018-08-26 00:53:51 +03:00
const { measureFileSizesBeforeBuild, printFileSizesAfterBuild } = FileSizeReporter;
2018-05-13 09:57:47 +03:00
const useYarn = fs.existsSync(paths.yarnLockFile);
// These sizes are pretty large. We'll warn for bundles exceeding them.
2018-08-26 00:53:51 +03:00
const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024; // eslint-disable-line
const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024; // eslint-disable-line
2018-05-13 09:57:47 +03:00
2019-01-07 11:24:46 +03:00
const isInteractive = process.stdout.isTTY;
2018-05-13 09:57:47 +03:00
// Warn and crash if required files are missing
2018-08-26 00:53:51 +03:00
if (!checkRequiredFiles([ paths.appHtml, paths.appIndexJs ])) {
2018-05-13 09:57:47 +03:00
process.exit(1);
}
2019-01-07 11:24:46 +03:00
// Process CLI arguments
const argvSliceStart = 2;
const argv = process.argv.slice(argvSliceStart);
const writeStatsJson = argv.indexOf('--stats') !== -1;
const { version, hasVersion } = getVersionFromArgs(argv);
2019-01-07 11:24:46 +03:00
// Generate configuration
const config = configFactory('production');
checkBrowsers(paths.appPath, isInteractive)
.then(() =>
// First, read the current file sizes in build directory.
// This lets us display how much they changed later.
measureFileSizesBeforeBuild(paths.appBuild))
2018-08-26 00:53:51 +03:00
.then((previousFileSizes) => {
2018-05-13 09:57:47 +03:00
// 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);
2018-08-26 00:53:51 +03:00
2018-05-13 09:57:47 +03:00
// Merge with the public folder
copyPublicFolder();
2018-08-26 00:53:51 +03:00
2018-05-13 09:57:47 +03:00
// Start the webpack build
return build(previousFileSizes);
})
.then(
({ stats, previousFileSizes, warnings }) => {
if (warnings.length) {
console.log(chalk.yellow('Compiled with warnings.\n'));
console.log(warnings.join('\n\n'));
console.log(
2018-08-26 00:53:51 +03:00
`\nSearch for the ${
chalk.underline(chalk.yellow('keywords'))
} to learn more about each warning.`
2018-05-13 09:57:47 +03:00
);
console.log(
2018-08-26 00:53:51 +03:00
`To ignore, add ${
chalk.cyan('// eslint-disable-next-line')
} to the line before.\n`
2018-05-13 09:57:47 +03:00
);
} else {
console.log(chalk.green('Compiled successfully.\n'));
}
console.log('File sizes after gzip:\n');
printFileSizesAfterBuild(
stats,
previousFileSizes,
paths.appBuild,
WARN_AFTER_BUNDLE_GZIP_SIZE,
WARN_AFTER_CHUNK_GZIP_SIZE
);
console.log();
const appPackage = require(paths.appPackageJson);
2018-08-26 00:53:51 +03:00
const { publicUrl } = paths;
2019-01-07 11:24:46 +03:00
const { output: { publicPath } } = config;
2018-05-13 09:57:47 +03:00
const buildFolder = path.relative(process.cwd(), paths.appBuild);
2018-08-26 00:53:51 +03:00
2018-05-13 09:57:47 +03:00
printHostingInstructions(
appPackage,
publicUrl,
publicPath,
buildFolder,
useYarn
);
},
2018-08-26 00:53:51 +03:00
(err) => {
2018-05-13 09:57:47 +03:00
console.log(chalk.red('Failed to compile.\n'));
printBuildError(err);
process.exit(1);
}
)
.then(() => hasVersion && zipDist(version))
2019-01-07 11:24:46 +03:00
.catch((err) => {
if (err && err.message) {
console.log(err.message);
}
process.exit(1);
});
2018-05-13 09:57:47 +03:00
// Create the production build and print the deployment instructions.
function build(previousFileSizes) {
console.log('Creating an optimized production build...');
2018-08-26 00:53:51 +03:00
const compiler = webpack(config);
2018-05-13 09:57:47 +03:00
return new Promise((resolve, reject) => {
compiler.run((err, stats) => {
2019-01-07 11:24:46 +03:00
let messages;
2018-08-26 00:53:51 +03:00
2019-01-07 11:24:46 +03:00
if (err) {
if (!err.message) {
return reject(err);
}
2018-08-26 00:53:51 +03:00
2019-01-07 11:24:46 +03:00
messages = formatWebpackMessages({
errors: [ err.message ],
warnings: [],
});
} else {
messages = formatWebpackMessages(
stats.toJson({ all: false, warnings: true, errors: true })
);
}
2018-05-13 09:57:47 +03:00
if (messages.errors.length) {
// Only keep the first error. Others are often indicative
// of the same problem, but confuse the reader with noise.
if (messages.errors.length > 1) {
messages.errors.length = 1;
}
2018-08-26 00:53:51 +03:00
2018-05-13 09:57:47 +03:00
return reject(new Error(messages.errors.join('\n\n')));
}
if (
process.env.CI &&
(typeof process.env.CI !== 'string' ||
process.env.CI.toLowerCase() !== 'false') &&
messages.warnings.length
) {
console.log(
chalk.yellow(
'\nTreating warnings as errors because process.env.CI = true.\n' +
'Most CI servers set it automatically.\n'
)
);
2018-08-26 00:53:51 +03:00
2018-05-13 09:57:47 +03:00
return reject(new Error(messages.warnings.join('\n\n')));
}
2018-08-26 00:53:51 +03:00
2019-01-07 11:24:46 +03:00
const resolveArgs = {
2018-05-13 09:57:47 +03:00
stats,
previousFileSizes,
warnings: messages.warnings,
2019-01-07 11:24:46 +03:00
};
if (writeStatsJson) {
return bfj // eslint-disable-line promise/no-promise-in-callback
.write(`${paths.appBuild}/bundle-stats.json`, stats.toJson())
.then(() => resolve(resolveArgs))
.catch((error) => reject(new Error(error)));
}
return resolve(resolveArgs);
2018-05-13 09:57:47 +03:00
});
});
}
function copyPublicFolder() {
fs.copySync(paths.appPublic, paths.appBuild, {
dereference: true,
2018-08-26 00:53:51 +03:00
filter: (file) => file !== paths.appHtml,
2018-05-13 09:57:47 +03:00
});
}
function zipDist(version) {
const versionFileName = `./dist/shlink-web-client_${version}_dist.zip`;
console.log(chalk.cyan(`Generating dist file for version ${chalk.bold(version)}...`));
const zip = new AdmZip();
try {
if (fs.existsSync(versionFileName)) {
fs.unlink(versionFileName);
}
2018-08-26 00:53:51 +03:00
zip.addLocalFolder('./build', `shlink-web-client_${version}_dist`);
zip.writeZip(versionFileName);
console.log(chalk.green('Dist file properly generated'));
} catch (e) {
console.log(chalk.red('An error occurred while generating dist file'));
console.log(e);
}
}
function getVersionFromArgs(argv) {
const [ version ] = argv;
return { version, hasVersion: !!version };
}