chore: update webpack

.gitignore

@@ -73,3 +73,5 @@ site/dev.js
 
 # IDE 语法提示临时文件
 vetur/
+
+report.html

components/locale-provider/index.tsx

@@ -8,16 +8,17 @@ import { withInstall } from '../_util/type';
 import type { ValidateMessages } from '../form/interface';
 import type { TransferLocale } from '../transfer';
 import type { PickerLocale as DatePickerLocale } from '../date-picker/generatePicker';
+import { PaginationLocale } from '../pagination/Pagination';
 
 interface TransferLocaleForEmpty {
   description: string;
 }
 export interface Locale {
   locale: string;
-  Pagination?: Object;
+  Pagination?: PaginationLocale;
-  Table?: Object;
+  Table?: Record<string, any>;
-  Popconfirm?: Object;
+  Popconfirm?: Record<string, any>;
-  Upload?: Object;
+  Upload?: Record<string, any>;
   Form?: {
     optional?: string;
     defaultValidateMessages: ValidateMessages;
@@ -72,9 +73,9 @@ const LocaleProvider = defineComponent({
       () => props.locale,
       val => {
         state.antLocale = {
-          ...val,
+          ...props.locale,
           exist: true,
-        };
+        } as any;
         changeConfirmLocale(val && val.Modal);
       },
       { immediate: true },

components/pagination/Pagination.tsx

@@ -51,6 +51,7 @@ export const paginationConfig = () => ({
 export type PaginationProps = Partial<ExtractPropTypes<ReturnType<typeof paginationProps>>>;
 export type PaginationConfig = Partial<ExtractPropTypes<ReturnType<typeof paginationConfig>>>;
 
+export type PaginationLocale = any;
 export default defineComponent({
   name: 'APagination',
   inheritAttrs: false,

components/vc-mentions/src/Mentions.tsx

@@ -212,7 +212,7 @@ export default defineComponent({
         if (!!filterOption === false) {
           return true;
         }
-        return filterOption(targetMeasureText, option);
+        return (filterOption as Function)(targetMeasureText, option);
       });
       return list;
     };

package.json

@@ -195,7 +195,7 @@
     "vue-style-loader": "^4.1.2",
     "vuex": "^4.0.0-beta.2",
     "webpack": "^5.0.0",
-    "webpack-bundle-analyzer": "^4.0.0",
+    "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "^4.6.0",
     "webpack-dev-server": "^3.1.14",
     "webpack-merge": "^5.0.0",

webpack.build.conf.js

@@ -1,4 +1,5 @@
 // This config is for building dist files
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const getWebpackConfig = require('./antd-tools/getWebpackConfig');
 const IgnoreEmitPlugin = require('ignore-emit-webpack-plugin');
 const darkVars = require('./scripts/dark-vars');
@@ -21,22 +22,13 @@ function externalDayjs(config) {
   };
 }
 
-const webpackConfig = getWebpackConfig(false);
+function processWebpackThemeConfig(themeConfig, theme, vars) {
-if (process.env.RUN_ENV === 'PRODUCTION') {
+  themeConfig.forEach(config => {
-  webpackConfig.forEach(config => {
-    externalDayjs(config);
-    addLocales(config);
-  });
-}
-
-const webpackDarkConfig = getWebpackConfig(false);
-
-webpackDarkConfig.forEach(config => {
     externalDayjs(config);
 
     // rename default entry to ${theme} entry
     Object.keys(config.entry).forEach(entryName => {
-    config.entry[entryName.replace('antd', `antd.dark`)] = config.entry[entryName];
+      config.entry[entryName.replace('antd', `antd.${theme}`)] = config.entry[entryName];
       delete config.entry[entryName];
     });
 
@@ -46,16 +38,39 @@ webpackDarkConfig.forEach(config => {
       if (rule.test instanceof RegExp && rule.test.test('.less')) {
         const lessRule = rule.use[rule.use.length - 1];
         if (lessRule.options.lessOptions) {
-        lessRule.options.lessOptions.modifyVars = darkVars;
+          lessRule.options.lessOptions.modifyVars = vars;
         } else {
-        lessRule.options.modifyVars = darkVars;
+          lessRule.options.modifyVars = vars;
         }
       }
     });
 
-  const themeReg = new RegExp(`dark(.min)?\\.js(\\.map)?`);
+    const themeReg = new RegExp(`${theme}(.min)?\\.js(\\.map)?$`);
     // ignore emit ${theme} entry js & js.map file
     config.plugins.push(new IgnoreEmitPlugin(themeReg));
   });
+}
+
+const webpackConfig = getWebpackConfig(false);
+const webpackDarkConfig = getWebpackConfig(false);
+
+if (process.env.RUN_ENV === 'PRODUCTION') {
+  webpackConfig.forEach(config => {
+    externalDayjs(config);
+    addLocales(config);
+    // Reduce non-minified dist files size
+    config.optimization.usedExports = true;
+
+    config.plugins.push(
+      new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+        openAnalyzer: false,
+        reportFilename: '../report.html',
+      }),
+    );
+  });
+
+  processWebpackThemeConfig(webpackDarkConfig, 'dark', darkVars);
+}
 
 module.exports = webpackConfig.concat(webpackDarkConfig);