vite-plugin-antd-dayjs

一个 Day.js 的 Vite 插件，用于替换 Ant Design 的 Moment.js。

Usage 使用方法

0. 安装 npm i dayjs --save。
1. 安装 npm i vite-plugin-moment-to-dayjs --save-dev。
2. 更新 vite 配置。

Example 示例

1// vite.config.js
2import vitePluginMomentToDayjs from 'vite-plugin-moment-to-dayjs';
3
4export default defineConfig({
5  // ...
6  plugins: [
7    // ...
8    vitePluginMomentToDayjs()
9  ]
10});
11
12// main.js
13// 更改语言
14import dayjs from 'dayjs';
15import 'dayjs/locale/zh-cn';
16dayjs.locale('zh-cn');
17

Configuration 配置

默认无需额外配置，除非有特殊需要。

Attribute	Description	Type	Accepted Values	Default
plugins	用到的dayjs插件	Array[string]	所有dayjs插件	null
preset	预设的插件	String	'antd'｜'antdv3'	'antdv3'

'antd' 预设包含以下插件，并开启了‘替换Moment’配置，你可以通过 plugin 选项来配置自定义的插件组合及‘替换Moment’配置。

[
  'isSameOrBefore',
  'isSameOrAfter',
  'advancedFormat',
  'customParseFormat',
  'weekday',
  'weekYear',
  'weekOfYear',
  'isMoment',
  'localeData',
  'localizedFormat',
]

Notice 说明

• Day.js 是一个只有 2kb 的轻量级时间库，但为了完成对 moment.js 和 Antd 代码的替换，我们需要引入一些特殊的插件，这会使最终的体积变成 4.19 kb （但仍然很小呀😀 ）
• 如果是在 Ant Design 3.x 项目中使用了 antdv3 配置，请注意： Day.js 被设计成不可变的对象，但是为了完成对 moment.js 的替换，必须要引入一个 🚨 BadMutable 🚨插件让其变成可变对象，这并不是一个好的选择，但为了兼容也没有更好的办法。当使用这个插件后，所有的 setter 都会更新当前实例。
• 代码和文档都改自原作者 iamkun 的 webpack 插件，我只是改成了 vite 插件。