📦 NEW: Build Script

Author: Ahmad Awais

packages/cgb-scripts/package-lock.json

@@ -29,6 +29,8 @@
 		"eslint-plugin-react": "^7.5.1",
 		"eslint-plugin-wordpress": "^0.1.0",
 		"extract-text-webpack-plugin": "^3.0.2",
+		"filesize": "^3.5.11",
+		"gzip-size": "^4.1.0",
 		"node-sass": "^4.7.2",
 		"ora": "^1.3.0",
 		"postcss-loader": "^2.0.10",

packages/cgb-scripts/package.json

@@ -20,32 +20,63 @@ process.on( 'unhandledRejection', err => {
 	throw err;
 } );
 
+// Modules.
+const fs = require( 'fs' );
 const ora = require( 'ora' );
+const path = require( 'path' );
 const chalk = require( 'chalk' );
 const webpack = require( 'webpack' );
-const config = require( '../config/webpack.config.dev' );
+const fileSize = require( 'filesize' );
+const gzipSize = require( 'gzip-size' );
 const resolvePkg = require( 'resolve-pkg' );
+const config = require( '../config/webpack.config.prod' );
 const cgbDevUtilsPath = resolvePkg( 'cgb-dev-utils', { cwd: __dirname } );
 const clearConsole = require( cgbDevUtilsPath + '/clearConsole' );
 const formatWebpackMessages = require( cgbDevUtilsPath +
 	'/formatWebpackMessages' );
 
+// Build file paths.
+const theCWD = process.cwd();
+const fileBuildJS = path.resolve( theCWD, './dist/blocks.build.js' );
+const fileEditorCSS = path.resolve( theCWD, './dist/blocks.editor.build.css' );
+const fileStyleCSS = path.resolve( theCWD, './dist/blocks.style.build.css' );
+
+/**
+ * Get File Size
+ *
+ * Get filesizes of all the files.
+ *
+ * @param {string} filePath path.
+ * @returns {string} then size result.
+ */
+const getFileSize = filePath => {
+	return fileSize( gzipSize.sync( fs.readFileSync( filePath ) ) );
+};
+
 clearConsole();
 
 // Init the spinner.
 const spinner = new ora( {
 	text: '',
 	enabled: true,
 } );
-// Create the production build and print the deployment instructions.
+
+/**
+ * Build function
+ *
+ * Create the production build and print the deployment instructions.
+ *
+ * @param {json} webpackConfig config
+ */
 async function build( webpackConfig ) {
+	// Start the build.
 	spinner.start( `${ chalk.dim( 'Building and compiling blocks...' ) }` );
 
 	// Compiler Instance.
 	const compiler = await webpack( webpackConfig );
 	spinner.succeed();
 
-	compiler.run( {}, ( err, stats ) => {
+	compiler.run( ( err, stats ) => {
 		if ( err ) {
 			return console.log( err );
 		}
@@ -84,7 +115,29 @@ async function build( webpackConfig ) {
 		}
 
 		clearConsole();
-		return console.log( '\n✅ ', chalk.black.bgGreen( ' Built successfully! \n' ) );
+		console.log( '\n✅ ', chalk.black.bgGreen( ' Built successfully! \n' ) );
+
+		console.log(
+			'\n\n',
+			'File sizes after gzip:',
+			'\n\n',
+			getFileSize( fileBuildJS ),
+			`${ chalk.dim( '— ./dist/' ) }`,
+			`${ chalk.green( 'blocks.build.js' ) }`,
+			'\n',
+			getFileSize( fileEditorCSS ),
+			`${ chalk.dim( '— ./dist/' ) }`,
+			`${ chalk.green( 'blocks.editor.build.css' ) }`,
+
+			'\n',
+			getFileSize( fileStyleCSS ),
+			`${ chalk.dim( '— ./dist/' ) }`,
+			`${ chalk.green( 'blocks.style.build.css' ) }`,
+
+			'\n\n'
+		);
+
+		return true;
 	} );
 }
 

packages/cgb-scripts/scripts/build.js

@@ -1,6 +1,2 @@
+console.clear();
 console.log( 'MANUAL TEST!' );
-
-const resolvePkg = require( 'resolve-pkg' );
-const cgbDevUtils = resolvePkg( 'cgb-dev-utils', { cwd: __dirname } );
-
-console.log( cgbDevUtils );

packages/cgb-scripts/scripts/test.js

@@ -2086,6 +2086,10 @@ filename-regex@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
 
+filesize@^3.5.11:
+  version "3.5.11"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.5.11.tgz#1919326749433bb3cf77368bd158caabcc19e9ee"
+
 fill-range@^2.1.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723"
@@ -2409,6 +2413,13 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
 
+gzip-size@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-4.1.0.tgz#8ae096257eabe7d69c45be2b67c448124ffb517c"
+  dependencies:
+    duplexer "^0.1.1"
+    pify "^3.0.0"
+
 handlebars@^4.0.2:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"