最近項(xiàng)目一直在使用antd pro腳手架，其中引入了moment.js，moment.js是一個(gè)很好用的javascript日期處理類庫(kù)。用于解析、檢驗(yàn)、操作、以及顯示日期。就是有點(diǎn)大。

通過(guò)umi自帶的分析語(yǔ)句 npm run analyze 可以很直觀地看出來(lái)

327kb，已經(jīng)很大了

所以決定采樣dayjs日期庫(kù)來(lái)替代moment.js。因?yàn)轫?xiàng)目已經(jīng)開(kāi)發(fā)一段時(shí)間了，所以在代碼中一個(gè)一個(gè)地引入替換，顯然不太現(xiàn)實(shí)，而且對(duì)于一個(gè)講究的程序員來(lái)說(shuō)，非常不愿意這樣做。

antd官方考慮到廣大程序員的心情，為我們提供了一個(gè)webpack插件。antd-dayjs-webpack-plugin

安裝方式

npm i dayjs --save
npm i antd-dayjs-webpack-plugin

進(jìn)入config/plugin.config.ts文件

在webpackPlugin中添加
config.plugin('moment2dayjs').use('antd-dayjs-webpack-plugin',[
      {
        preset: 'antdv4'   //看你項(xiàng)目中使用的antd是v幾版本
      }
    ])

重新執(zhí)行npm run build會(huì)發(fā)現(xiàn)dist文件夾少了幾百kb。