Reference of ticket opened with sass-loader, which recommended to open issue with antd-scss-theme-plugin
https://github.com/webpack-contrib/sass-loader/issues/890
Refer following for craco.config.js
`const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');
const AntdScssThemePlugin = require('antd-scss-theme-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
const isProduction = process.env.NODE_ENV === 'production';
module.exports = {
babel: {
plugins: [
['import', {
'libraryName': 'antd',
'style': true
}]
]
},
webpack: {
configure: {
module: {
rules: [
{
test: /.s(a|c)ss$/,
use: [
!isProduction ? 'style-loader' : MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
sourceMap: !isProduction,
modules: true
},
},
AntdScssThemePlugin.themify({
loader: 'sass-loader',
options: {
sourceMap: !isProduction,
implementation: require('node-sass')
},
}),
],
},
{
test: /.less$/,
use: [
{
loader: 'style-loader',
options: {
sourceMap: !isProduction,
},
},
{
loader: 'css-loader',
options: {
importLoaders: 1,
sourceMap: !isProduction,
},
},
AntdScssThemePlugin.themify('less-loader'),
],
},
]
},
plugins: [
new AntdDayjsWebpackPlugin({
replaceMoment: true,
preset: 'antd'
}),
new AntdScssThemePlugin(path.join('./theme.scss')),
new MiniCssExtractPlugin({
filename: !isProduction ? '[name].css' : '[name].[hash].css',
chunkFilename: !isProduction ? '[id].css' : '[id].[hash].css'
})
]
},
}
};`