MM-52536 Webpack unification part 1 (#23322)

* MM-52536 Update Webpack and use the same version for all products

* Switch Channels to use asset modules

* Remove unused module configuration from Boards/Playbooks

* Remove file-loader and html-loader

* Unify versions of CSS-related loaders

* Remove unused webpack-node-externals dependency

* Add missing MiniCssExtractPlugin to Boards/Playbooks production builds

webapp/channels/package.json

@@ -15,8 +15,8 @@
     "@mattermost/types": "*",
     "@mui/base": "5.0.0-alpha.127",
     "@mui/material": "5.11.16",
-    "@mui/system": "5.11.16",
     "@mui/styled-engine-sc": "5.11.11",
+    "@mui/system": "5.11.16",
     "@stripe/react-stripe-js": "1.13.0",
     "@stripe/stripe-js": "1.41.0",
     "@tippyjs/react": "4.2.6",
@@ -89,7 +89,6 @@
     "redux-thunk": "2.4.2",
     "regenerator-runtime": "0.13.10",
     "rudder-sdk-js": "1.0.16",
-    "sass": "1.56.1",
     "semver": "7.3.8",
     "serialize-error": "8.0.1",
     "shallow-equals": "1.0.0",
@@ -157,7 +156,6 @@
     "babel-plugin-typescript-to-proptypes": "1.4.2",
     "bundle-loader": "0.2.0",
     "copy-webpack-plugin": "11.0.0",
-    "css-loader": "5.2.6",
     "dotenv-webpack": "8.0.1",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-17-updated": "1.0.2",
@@ -170,8 +168,6 @@
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "external-remotes-plugin": "1.0.0",
-    "file-loader": "6.2.0",
-    "html-loader": "2.1.2",
     "html-webpack-plugin": "5.5.0",
     "identity-obj-proxy": "3.0.0",
     "image-webpack-loader": "8.1.0",
@@ -182,14 +178,12 @@
     "jest-junit": "12.2.0",
     "jest-styled-components": "7.1.1",
     "jest-watch-typeahead": "0.6.4",
-    "mini-css-extract-plugin": "2.0.0",
     "mmjstool": "github:mattermost/mattermost-utilities#237c2194aa646021535c54e4aafed084807b93a6",
     "nock": "13.2.8",
     "prettier": "2.3.2",
     "react-router-enzyme-context": "1.2.0",
     "redux-mock-store": "1.5.4",
     "redux-persist-node-storage": "2.0.0",
-    "sass-loader": "13.2.0",
     "style-loader": "3.0.0",
     "stylelint": "13.13.1",
     "stylelint-config-idiomatic-order": "8.1.0",
@@ -199,12 +193,8 @@
     "stylelint-order": "4.1.0",
     "stylelint-scss": "3.19.0",
     "terser-webpack-plugin": "5.3.6",
-    "webpack": "5.74.0",
     "webpack-bundle-analyzer": "4.7.0",
-    "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.11.1",
     "webpack-livereload-plugin": "3.0.2",
-    "webpack-node-externals": "3.0.0",
     "webpack-pwa-manifest": "4.3.0",
     "yargs": "16.2.0",
     "yup": "0.32.11"