chore: bump webpack 5

Author: yuan9090

demo/index.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import Viewer from '../src/Viewer';
-const img2 = require('./images/landscape2.jpg');
-const img = require('./images/landscape.jpg');
-const img3 = require('./images/tibet-6.jpg');
-const img4 = require('./images/image4.jpg');
+const img2 = require('./images/landscape2.jpg').default;
+const img = require('./images/landscape.jpg').default;
+const img3 = require('./images/tibet-6.jpg').default;
+const img4 = require('./images/image4.jpg').default;
 import './index.less';
 import classNames from 'classnames';
 import { Button, List, Checkbox } from 'antd';

package-lock.json

@@ -42,48 +42,48 @@
     "@babel/preset-env": "^7.6.3",
     "@babel/preset-react": "^7.6.3",
     "@types/jest": "^23.3.1",
-    "@types/node": "^12.11.1",
-    "@types/react": "^16.9.1",
-    "@types/react-dom": "^16.8.5",
-    "antd": "^3.24.1",
+    "@types/node": "^18.19.70",
+    "@types/react": "^17.0.83",
+    "@types/react-dom": "^17.0.26",
+    "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
+    "antd": "^5.23.1",
     "autoprefixer": "^9.6.5",
     "babel-jest": "^23.4.2",
     "babel-loader": "^8.0.6",
     "babel-plugin-import": "^1.2.1",
     "css-loader": "^3.2.0",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0",
-    "enzyme-to-json": "^3.3.4",
-    "file-loader": "^4.2.0",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
+    "file-loader": "^6.2.0",
     "fs-extra": "^8.1.0",
     "gh-pages": "^2.1.1",
     "gulp": "^4.0.2",
     "gulp-typescript": "^5.0.1",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^5.6.3",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^23.5.0",
     "jest-environment-jsdom": "^23.4.0",
     "jest-environment-jsdom-global": "^1.1.0",
     "jest-static-stubs": "0.0.1",
     "less": "^3.10.3",
-    "less-loader": "^5.0.0",
+    "less-loader": "^12.2.0",
     "merge2": "^1.3.0",
     "postcss-loader": "^3.0.0",
     "pre-commit": "^1.1.3",
-    "react": "^16.10.2",
-    "react-dom": "^16.10.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "style-loader": "^1.0.0",
     "through2": "^2.0.1",
     "ts-jest": "^23.1.3",
     "ts-loader": "^6.2.0",
     "tslint": "^5.18.0",
-    "typescript": "^3.6.4",
-    "url-loader": "^2.2.0",
-    "webpack": "^4.41.2",
-    "webpack-bundle-analyzer": "^3.6.0",
+    "typescript": "^5.7.2",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.97.1",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-chain": "^6.0.0",
-    "webpack-cli": "^3.3.9",
-    "webpack-dev-server": "^3.8.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.2",
     "wolfy87-eventemitter": "^5.2.5"
   },
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 import Viewer from '../index';
 import ViewerProps from '../ViewerProps';
 import { configure, mount } from 'enzyme';
-import * as Adapter from 'enzyme-adapter-react-16';
+import * as Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import * as React from 'react';
 const img2 = require('../../demo/images/landscape2.jpg');
 const img = require('../../demo/images/landscape.jpg');

src/__tests__/viewer.test.tsx

@@ -77,8 +77,7 @@ config.module
     .use('less-loader')
       .loader('less-loader')
       .options({
-        sourceMap: false,
-        javascriptEnabled: true,
+        sourceMap: false
       });
 
 config.module

webpack.config.common.js

@@ -17,7 +17,7 @@ config.plugin('html-webpack-plugin')
     hash: true,
   }]);
 config.devServer.merge({
-  contentBase: path.join(__dirname, 'dist'),
+  // contentBase: path.join(__dirname, 'dist'),
   compress: false,
   port: 8001,
   host: '0.0.0.0',
@@ -36,6 +36,9 @@ config.module.rule('less')
       return {
         ...options,
         sourceMap: true,
+        lessOptions: {
+          javascriptEnabled: true
+        }
       };
     });