Updated Less and Sass loaders. Ready to use the latest less-loader 11…

….x and sass-loader 13.x versions.

Webpack v5 ready.
Upgrade to Babel 7
Update dependency libs

.gitignore

@@ -1,3 +1,4 @@
 __tests__/output
 build
 node_modules
+.idea

README.md

@@ -96,12 +96,7 @@ The [official documentation](https://ant.design/docs/react/customize-theme) expl
     {
       test: /\.less$/,
       use: [
-        {
-          loader: 'style-loader',
-          options: {
-            sourceMap: process.env.NODE_ENV !== 'production',
-          },
-        },
+        'style-loader',
         {
           loader: 'css-loader',
           options: {

__tests__/antdLessLoader.test.js

@@ -8,7 +8,7 @@ describe('overloadLessLoaderOptions', () => {
     const overloadedOptions = overloadLessLoaderOptions({
       scssThemePath: path.resolve(__dirname, 'data/theme.scss'),
     });
-    expect(overloadedOptions.modifyVars).toEqual({
+    expect(overloadedOptions.lessOptions.modifyVars).toEqual({
       '@primary-color': '#f00',
       '@info-color': '#200',
     });
@@ -17,11 +17,14 @@ describe('overloadLessLoaderOptions', () => {
   it('retains explicity passed in modifyVars', () => {
     const overloadedOptions = overloadLessLoaderOptions({
       scssThemePath: path.resolve(__dirname, 'data/theme.scss'),
-      modifyVars: {
-        '@primary-color': '#fff',
-      },
+      lessOptions: {
+        modifyVars: {
+          '@primary-color': '#fff',
+        },
+      }
     });
-    expect(overloadedOptions.modifyVars).toEqual({
+
+    expect(overloadedOptions.lessOptions.modifyVars).toEqual({
       '@primary-color': '#fff',
       '@info-color': '#200',
     });

__tests__/antdSassLoader.test.js

@@ -13,16 +13,17 @@ import { compileThemeVariables } from '../src/utils';
 
 
 describe('themeImporter', () => {
-  it('produces an importer that allows importing compiled antd variables', async (done) => {
+  it('produces an importer that allows importing compiled antd variables', (done) => {
     const themePath = path.resolve(__dirname, 'data/theme.scss');
-    const contents = await compileThemeVariables(themePath);
-    sass.render({
-      file: path.resolve(__dirname, 'data/test.scss'),
-      importer: themeImporter(themePath, contents),
-    }, (error, result) => {
-      const compiledColor = result.css.toString().match(/background: (.*);/)[1];
-      expect(compiledColor).toBe('#faad14');
-      done();
+    compileThemeVariables(themePath).then((contents) => {
+      sass.render({
+        file: path.resolve(__dirname, 'data/test.scss'),
+        importer: themeImporter(themePath, contents),
+      }, (error, result) => {
+        const compiledColor = result.css.toString().match(/background: (.*);/)[1];
+        expect(compiledColor).toBe('#faad14');
+        done();
+      });
     });
   });
 });
@@ -36,7 +37,7 @@ describe('overloadSassLoaderOptions', () => {
     const overloadedOptions = await overloadSassLoaderOptions({
       scssThemePath,
     });
-    expect(typeof overloadedOptions.importer).toBe('function');
+    expect(typeof overloadedOptions.sassOptions.importer).toBe('function');
   });
 
   [
@@ -45,20 +46,21 @@ describe('overloadSassLoaderOptions', () => {
   ].forEach(([description, importer]) => {
     it(`adds an importer when given an ${description}`, async () => {
       const overloadedOptions = await overloadSassLoaderOptions({
-        importer,
+        sassOptions: {
+          importer
+        },
         scssThemePath,
       });
-
-      expect(overloadedOptions.importer.length).toBe(2);
-      overloadedOptions.importer.forEach(imp => expect(typeof imp).toBe('function'));
+      expect(overloadedOptions.sassOptions.importer.length).toBe(2);
+      overloadedOptions.sassOptions.importer.forEach(imp => expect(typeof imp).toBe('function'));
     });
   });
 
   it('uses scss theme path from plugin when not given one through options', async () => {
     // eslint-disable-next-line no-unused-vars
     const plugin = new AntdScssThemePlugin(scssThemePath);
     const overloadedOptions = await overloadSassLoaderOptions({});
-    expect(typeof overloadedOptions.importer).toBe('function');
+    expect(typeof overloadedOptions.sassOptions.importer).toBe('function');
   });
 
   it('throws error when no scss theme path is supplied', (done) => {

.babelrc → babel.config.js

@@ -1,17 +1,15 @@
-{
+module.exports = {
   "plugins": [
     "add-module-exports"
   ],
   "presets": [
     [
-      "env",
+      "@babel/preset-env",
       {
-        "useBuiltIns": true,
         "targets": {
-          "node": "6.9.0"
+          "node": "10.13.0"
         }
       }
-    ],
-    "stage-2"
+    ]
   ]
 }

jest.config.js

@@ -1,4 +1,6 @@
 module.exports = {
   modulePathIgnorePatterns: ['output'],
-  testURL: 'http://localhost/',
+  testEnvironmentOptions:{
+    url: 'http://localhost/',
+  }
 };