Plugin doesn't work with sass-loader v8 and above and less-loader v6 and above

[nad182]

Spend hours trying to get the plugin to work. Seems like sass-loader and less-loader both changed their options object shapes. I got to the bottom of the issue by exploring antdSassLoader.js and antdLEssLoader.js.

1. antdSassLoader.js (the error was something like options has an unknown property 'importer')
   The issue there is that there is no importer prop in options anymore, it's in sassOptions. So should be something like this:

newOptions.sassOptions = {}
newOptions.sassOptions.importer = importer

2. antdLEssLoader.js (the error was something like options has an unknown property 'modifyVars')
   The issue here is that modifyVars was moved inside lessOptions prop and you also must pass javascriptEnabled: true (without is the error you're getting is (Inline JavaScript is not enabled. Is it set in your options?) to lessOptions like this:

  const newOptions = _extends({}, options, {
    lessOptions: {
      modifyVars: _extends({}, themeModifyVars, options.modifyVars || {}), 
      javascriptEnabled: true
    }
  });

Without those changes, you're getting a bunch of different errors.

Screenshots of "successful" configs are attached.

[kbouchard]

+1

[igor-lemon]

I made a PR but it looks like the author doesn't want to support
#119

As alternative you can use
https://github.com/igor-lemon/antd-scss-theme-plugin
or full completely craco solution
https://github.com/igor-lemon/craco-antd-scss