feat: add css-loader and style-loader for webpack

Open-Attestation · May 17, 2024 · 8c8c425 · 8c8c425
1 parent cfaedf5
commit 8c8c425
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -73,6 +73,7 @@
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "cross-env": "^7.0.3",
+    "css-loader": "^7.1.1",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jest": "^24.3.6",
@@ -87,6 +88,7 @@
     "react-dom": "^17.0.2",
     "semantic-release": "^17.4.2",
     "storybook": "^7.6.15",
+    "style-loader": "^4.0.0",
     "typescript": "^4.2.4",
     "webpack": "^5.44.0",
     "webpack-cli": "^4.6.0",

diff --git a/src/components/renderer/PdfRenderer.tsx b/src/components/renderer/PdfRenderer.tsx
@@ -3,7 +3,7 @@ import { Document, Page, pdfjs } from "react-pdf";
 import { repeat } from "../../utils";
 import { Renderer } from "../../types";
 import "react-pdf/dist/Page/TextLayer.css";
-import 'react-pdf/dist/Page/AnnotationLayer.css'
+import "react-pdf/dist/Page/AnnotationLayer.css"
 
 // TODO check this https://github.com/wojtekmaj/react-pdf#browserify-and-others
 pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

diff --git a/webpack.config.js b/webpack.config.js
@@ -25,6 +25,10 @@ module.exports = {
           loader: "babel-loader",
         },
       },
+      {
+        test: /\.css$/i,
+        use: ["style-loader", "css-loader"],
+      },
     ],
   },
 };