Craco / Ant Design : Replacing Moment By Dayjs Configuration

I’m trying to add a webpack plugin to Craco but I’m not sure if I’m doing it the right way. const CracoLessPlugin = require('craco-less') const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin')

module.exports = {
	webpack: {
		plugins: [new AntdDayjsWebpackPlugin()],
	},
	plugins: [
		{
			plugin: CracoLessPlugin,
			options: {
				lessLoaderOptions: {
					lessOptions: {
						modifyVars: { '@primary-color': '#2a9d8f', '@text-color': '#264653' },
						javascriptEnabled: true,
					},
				},
			},
		},
	],
}

Any ideas on the correct config ? thx

[josdiagon]

As mentioned in https://github.com/ant-design/antd-dayjs-webpack-plugin/issues/45#issuecomment-1041424861

I experienced the same problem. Finally I get it to work like this:

const AntdDayjsWebpackPlugin = require("antd-dayjs-webpack-plugin");

module.exports = {
  webpack: {
    plugins: {
      add: [new AntdDayjsWebpackPlugin()],
    },
  },
};

For checking if it is working I am just doing:

console.log(dayjs.isDayjs(moment()));

[Thanaen]

Here’s my setup for craco + antd + dayjs:

const CracoAntDesignPlugin = require('craco-antd');
const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');

module.exports = {
  plugins: [
    {
      plugin: CracoAntDesignPlugin,
    },
    {
      plugin: new AntdDayjsWebpackPlugin(),
    },
  ],
};