umi框架中引入dayjs替换moment

最近项目一直在使用antd pro脚手架,其中引入了moment.js,moment.js是一个很好用的javascript日期处理类库。用于解析、检验、操作、以及显示日期。就是有点大。

通过umi自带的分析语句 npm run analyze 可以很直观地看出来

327kb,已经很大了

所以决定采样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。

你可能感兴趣的:(umi框架中引入dayjs替换moment)