gulpfile.js

//@ts-check

'use strict';

const build = require('@microsoft/sp-build-web');

build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);

var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
	var result = getTasks.call(build.rig);

	result.set('serve', result.get('serve-deprecated'));

	return result;
};

// When creating a production build, create a stats folder.
if (process.argv.indexOf('--analyze') > -1) {
	const bundleAnalyzer = require('webpack-bundle-analyzer');
	const path = require('path');

	build.configureWebpack.mergeConfig({
		additionalConfiguration: (generatedConfiguration) => {
			const lastDirName = path.basename(__dirname);
			const dropPath = path.join(__dirname, 'temp', 'stats');

			if (generatedConfiguration?.plugins) {
				generatedConfiguration.plugins.push(
					new bundleAnalyzer.BundleAnalyzerPlugin({
						openAnalyzer: false,
						analyzerMode: 'static',
						reportFilename: path.join(dropPath, `${lastDirName}.stats.html`),
						generateStatsFile: true,
						statsFilename: path.join(dropPath, `${lastDirName}.stats.json`),
						logLevel: 'error'
					})
				);
			}

			return generatedConfiguration;
		}
	});
}

/* fast-serve */
const { addFastServe } = require('spfx-fast-serve-helpers');
addFastServe(build);
/* end of fast-serve */

build.initialize(require('gulp'));