mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-04-04 08:58:44 +08:00
ca7d227ae0
* Display JS and CSS bundle sizes after build * Print gzipped filesize, address nits * Use filesize for human readable output.
70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
process.env.NODE_ENV = 'production';
|
|
|
|
var fs = require('fs');
|
|
var filesize = require('filesize');
|
|
var gzipSize = require('gzip-size');
|
|
var rimrafSync = require('rimraf').sync;
|
|
var webpack = require('webpack');
|
|
var config = require('../config/webpack.config.prod');
|
|
var paths = require('../config/paths');
|
|
|
|
// Remove all content but keep the directory so that
|
|
// if you're in it, you don't end up in Trash
|
|
rimrafSync(paths.appBuild + '/*');
|
|
|
|
function logBuildSize(assets, extension) {
|
|
for (var i = 0; i < assets.length; i++) {
|
|
var asset = assets[i];
|
|
if (asset.name.endsWith('.' + extension)) {
|
|
var fileContents = fs.readFileSync(paths.appBuild + '/' + asset.name);
|
|
console.log('Size (gzipped) of ' + asset.name + ': ' + filesize(gzipSize.sync(fileContents)));
|
|
}
|
|
}
|
|
}
|
|
|
|
webpack(config).run(function(err, stats) {
|
|
if (err) {
|
|
console.error('Failed to create a production build. Reason:');
|
|
console.error(err.message || err);
|
|
process.exit(1);
|
|
}
|
|
|
|
var openCommand = process.platform === 'win32' ? 'start' : 'open';
|
|
var homepagePath = require(paths.appPackageJson).homepage;
|
|
console.log('Successfully generated a bundle in the build folder!');
|
|
if (homepagePath) {
|
|
console.log('You can now deploy it to ' + homepagePath + '.');
|
|
console.log('For example, if you use GitHub Pages:');
|
|
console.log();
|
|
console.log(' git commit -am "Save local changes"');
|
|
console.log(' git checkout -B gh-pages');
|
|
console.log(' git add -f build');
|
|
console.log(' git commit -am "Rebuild website"');
|
|
console.log(' git filter-branch -f --prune-empty --subdirectory-filter build');
|
|
console.log(' git push -f origin gh-pages');
|
|
console.log(' git checkout -');
|
|
console.log();
|
|
} else {
|
|
console.log('You can now serve it with any static server.');
|
|
console.log('For example:');
|
|
console.log();
|
|
console.log(' npm install -g pushstate-server');
|
|
console.log(' pushstate-server build');
|
|
console.log(' ' + openCommand + ' http://localhost:9000');
|
|
console.log();
|
|
var assets = stats.toJson()['assets'];
|
|
logBuildSize(assets, 'js');
|
|
logBuildSize(assets, 'css');
|
|
}
|
|
console.log('The bundle is optimized and ready to be deployed to production.');
|
|
});
|