最近项目一直在使用antd pro脚手架,其中引入了moment.js,moment.js是一个很好用的javascript日期处理类库。用于解析、检验、操作、以及显示日期。就是有点大。
通过umi自带的分析语句 npm run analyze 可以很直观地看出来
所以决定采样dayjs日期库来替代moment.js。因为项目已经开发一段时间了,所以在代码中一个一个地引入替换,显然不太现实,而且对于一个讲究的程序员来说,非常不愿意这样做。
antd官方考虑到广大程序员的心情,为我们提供了一个webpack插件。antd-dayjs-webpack-plugin
安装方式
npm i dayjs --save
npm i antd-dayjs-webpack-plugin
进入config/plugin.config.ts文件
在webpackPlugin中添加
config.plugin('moment2dayjs').use('antd-dayjs-webpack-plugin',[
{
preset: 'antdv4' //看你项目中使用的antd是v几版本
}
])
重新执行npm run build会发现dist文件夹少了几百kb。