added bootstrap to the project

dhmit · Jun 23, 2021 · ee1aa60 · ee1aa60
1 parent 239cb7d
commit ee1aa60
Show file tree

Hide file tree

Showing 4 changed files with 181 additions and 4 deletions.
diff --git a/frontend/index.js b/frontend/index.js
@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import "./scss/index.scss";
+import 'bootstrap/dist/css/bootstrap.min.css';
 import Base from "./components/global/Base";
 import ErrorNotFoundComponent from "./components/ErrorNotFoundComponent";
 import ExampleId from "./components/ExampleId";

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,10 +44,12 @@
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
+    "bootstrap": "^5.0.2",
     "css-loader": "^5.2.6",
     "normalize.css": "^8.0.1",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
+    "react-bootstrap": "^1.6.1",
     "react-dom": "^17.0.2",
     "sass": "^1.35.0",
     "sass-loader": "^12.1.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -20,7 +20,7 @@ module.exports = {
     ],
     module: {
         rules: [
-            {test: /\.scss$/, use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]},
+            {test: /\.(scss|css)$/, use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]},
             {test: /\.js|.jsx$/, exclude: /node_modules/, use: "babel-loader"},
             {test: /\.(png|jpe?g|gif|svg)$/i, use: [{loader: "file-loader"}]}
         ]