laravel-mix customizable antd theme.

antd.mix.js

let mix = require('laravel-mix');

const antdRegex = /antd.+\.less$/;
const theme = {
    'primary-color': '#0097FF',
};

// Exclude quill icons
Mix.listen('configReady', function(config) {
    const rules = config.module.rules;
    const targetRe = /\.less$/;

    for (let rule of rules) {
        if (rule.test.toString() == targetRe.toString()) {
            rule.exclude = antdRegex;
            break;
        }
    }
});

mix.webpackConfig({
    module: {
        rules: [{
            test: antdRegex,
            loader: [
                'style-loader',
                'css-loader',
                {
                    loader: 'less-loader',
                    options: {
                        modifyVars: theme,
                    }
                }
            ],
        }]
    }
});