build(ReactComponentLibrary): Remove CSS loaders

This removes various CSS- and Sass-related loaders as these are no longer required.
Royal-Navy · Mar 18, 2022 · c420adb · c420adb
1 parent 33c6abe
commit c420adb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 361 deletions.
diff --git a/packages/react-component-library/package.json b/packages/react-component-library/package.json
@@ -104,7 +104,6 @@
     "chromatic": "6.4.3",
     "clean-webpack-plugin": "^4.0.0",
     "concurrently": "^6.0.2",
-    "css-loader": "^6.5.1",
     "cypress": "^9.5.0",
     "cypress-plugin-tab": "^1.0.5",
     "eslint": "^8.2.0",
@@ -128,19 +127,13 @@
     "lint-staged": "^12.0.2",
     "local-cypress": "^1.2.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.0",
-    "postcss-loader": "6.2.1",
-    "postcss-preset-env": "^7.0.1",
     "prettier": "^2.0.5",
     "puppeteer": "^12.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "6.15.4",
     "react-hot-loader": "^4.12.19",
-    "sass": "^1.25.0",
-    "sass-loader": "^12.3.0",
     "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
     "styled-components": "^5.3.3",
     "timezone-mock": "^1.1.3",
     "typescript": "^4.1.2",
@@ -158,7 +151,6 @@
     "@defencedigital/icon-library": "^3.5.0",
     "@popperjs/core": "^2.9.2",
     "@types/react-toast-notifications": "^2.4.0",
-    "autoprefixer": "^10.2.5",
     "classnames": "^2.2.6",
     "date-fns": "^2.9.0",
     "decimal.js": "^10.3.1",
@@ -167,7 +159,6 @@
     "focus-trap-react": "^8.9.1",
     "lodash": "^4.17.21",
     "polished": "^4.0.3",
-    "postcss-flexbugs-fixes": "^5.0.2",
     "react-compound-slider": "^3.3.1",
     "react-day-picker": "^7.4.8",
     "react-merge-refs": "^1.1.0",

diff --git a/packages/react-component-library/webpack/common.js b/packages/react-component-library/webpack/common.js
@@ -22,38 +22,6 @@ module.exports = {
         use: ['babel-loader', 'source-map-loader'],
         exclude: /node_modules/,
       },
-      {
-        test: /\.(scss|css)$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              modules: false,
-              importLoaders: 2,
-            },
-          },
-          {
-            loader: 'sass-loader',
-            options: {
-              implementation: require('sass'),
-            },
-          },
-          {
-            loader: 'postcss-loader',
-            options: {
-              postcssOptions: {
-                plugins: [
-                  require('postcss-flexbugs-fixes'),
-                  require('autoprefixer')({
-                    flexbox: 'no-2009',
-                  }),
-                ],
-              },
-            },
-          },
-        ],
-      },
       {
         test: /\.(png|woff|woff2|eot|ttf)$/,
         use: ['url-loader?limit=100000'],