chore: Update webpack.config.js (#51098)

This commit is contained in:
Akshit Bansal 2024-10-03 08:17:40 +05:30 committed by GitHub
parent e8b0fc4925
commit 34cf399e10
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -7,86 +7,85 @@ const CircularDependencyPlugin = require('circular-dependency-plugin');
const DuplicatePackageCheckerPlugin = require('@madccc/duplicate-package-checker-webpack-plugin'); const DuplicatePackageCheckerPlugin = require('@madccc/duplicate-package-checker-webpack-plugin');
const path = require('path'); const path = require('path');
function addLocales(webpackConfig) { function addLocales(config) {
const newConfig = { ...config }; // Avoid mutating the original config
let packageName = 'antd-with-locales'; let packageName = 'antd-with-locales';
if (webpackConfig.entry['antd.min']) { if (newConfig.entry['antd.min']) {
packageName += '.min'; packageName += '.min';
} }
webpackConfig.entry[packageName] = './index-with-locales.js'; newConfig.entry[packageName] = './index-with-locales.js';
webpackConfig.output.filename = '[name].js'; newConfig.output.filename = '[name].js';
return newConfig;
} }
function externalDayjs(config) { function externalDayjs(config) {
config.externals.dayjs = { const newConfig = { ...config }; // Shallow copy for safety
newConfig.externals.dayjs = {
root: 'dayjs', root: 'dayjs',
commonjs2: 'dayjs', commonjs2: 'dayjs',
commonjs: 'dayjs', commonjs: 'dayjs',
amd: 'dayjs', amd: 'dayjs',
}; };
return newConfig;
} }
function externalCssinjs(config) { function externalCssinjs(config) {
config.resolve = config.resolve || {}; const newConfig = { ...config }; // Shallow copy for safety
config.resolve.alias = config.resolve.alias || {}; newConfig.resolve = newConfig.resolve || {};
newConfig.resolve.alias = newConfig.resolve.alias || {};
config.resolve.alias['@ant-design/cssinjs'] = path.resolve(__dirname, 'alias/cssinjs'); newConfig.resolve.alias['@ant-design/cssinjs'] = path.resolve(__dirname, 'alias/cssinjs');
return newConfig;
} }
let webpackConfig = getWebpackConfig(false); function addPluginsForProduction(config) {
const newConfig = { ...config }; // Shallow copy for safety
// Used for `size-limit` ci which only need to check min files
if (process.env.PRODUCTION_ONLY) {
// eslint-disable-next-line no-console
console.log('🍐 Build production only');
webpackConfig = webpackConfig.filter((config) => config.mode === 'production');
}
// RUN_ENV: https://github.com/ant-design/antd-tools/blob/14ee166fc1f4ab5e87da45ee3b0643a8325f1bc3/lib/gulpfile.js#L48
if (process.env.RUN_ENV === 'PRODUCTION') {
webpackConfig.forEach((config) => {
addLocales(config);
externalDayjs(config);
externalCssinjs(config);
// Reduce non-minified dist files size
config.optimization.usedExports = true;
if (!process.env.CI || process.env.ANALYZER) { if (!process.env.CI || process.env.ANALYZER) {
config.plugins.push( newConfig.plugins.push(
new BundleAnalyzerPlugin({ new BundleAnalyzerPlugin({
analyzerMode: 'static', analyzerMode: 'static',
openAnalyzer: false, openAnalyzer: false,
reportFilename: '../report.html', reportFilename: '../report.html',
}), })
); );
} }
if (newConfig.mode === 'production' && !process.env.PRODUCTION_ONLY) {
if (config.mode !== 'production') { newConfig.plugins.push(
return;
}
if (!process.env.PRODUCTION_ONLY) {
config.plugins.push(
new DuplicatePackageCheckerPlugin({ new DuplicatePackageCheckerPlugin({
verbose: true, verbose: true,
emitError: true, emitError: true,
}), })
); );
} }
config.plugins.push( newConfig.plugins.push(
codecovWebpackPlugin({ codecovWebpackPlugin({
enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined, enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
bundleName: 'antd.min', bundleName: 'antd.min',
uploadToken: process.env.CODECOV_TOKEN, uploadToken: process.env.CODECOV_TOKEN,
}), }),
new CircularDependencyPlugin({
failOnError: true,
})
); );
config.plugins.push( return newConfig;
new CircularDependencyPlugin({ }
// add errors to webpack instead of warnings
failOnError: true, let webpackConfig = getWebpackConfig(false);
}),
); if (process.env.PRODUCTION_ONLY) {
console.log('🍐 Build production only');
webpackConfig = webpackConfig.filter((config) => config.mode === 'production');
}
if (process.env.RUN_ENV === 'PRODUCTION') {
webpackConfig = webpackConfig.map((config) => {
let newConfig = addLocales(config);
newConfig = externalDayjs(newConfig);
newConfig = externalCssinjs(newConfig);
newConfig.optimization.usedExports = true;
newConfig = addPluginsForProduction(newConfig);
return newConfig;
}); });
} }