craco.config.js

const CracoLess = require('craco-less')
const CracoAntDesign = require('craco-antd')
const path = require('path')


module.exports = {
    plugins: [
        // 针对Less的相关配置（如module样式）
        {
            plugin: CracoLess,
            options: {
                lessLoaderOptions: {
                    lessOptions: { javascriptEnabled: true }
                },
                modifyLessRule: function () {
                    return {
                        test: /\.module\.less$/,
                        exclude: /node_modules/,
                        use: [
                            { loader: 'style-loader' },
                            {
                                loader: 'css-loader',
                                options: {
                                    modules: {
                                        localIdentName: '[local]_[hash:base64:6]'
                                    }
                                }
                            },
                            { loader: 'less-loader' }
                        ]
                    }
                }
            }
        },
        // `Ant Design`相关配置
        {
            plugin: CracoAntDesign,
            options: {
                customizeThemeLessPath: path.join(
                    __dirname,
                    'src/antd.customize.less'
                )
            }
        },
    ]
}