Added support for loading images via webpack config (#276)

* Fixed issue where duplicate versions of the import map overrides were used
Upgraded dependencies

* Added image loading via asset/resource

* Changeset for the inclusion of images in the webpack config

* Added check for React before adding svg types

* Removed React component declaration

Co-authored-by: Pieter Boeren <p.boeren@vicrea.nl>

.changeset/shiny-shrimps-fetch.md

@@ -0,0 +1,6 @@
+---
+"generator-single-spa": patch
+"webpack-config-single-spa": patch
+---
+
+Added support for images in the webpack config

packages/generator-single-spa/src/common-templates/typescript/declarations.d.ts.ejs

@@ -0,0 +1,39 @@
+declare module "*.html" {
+  const rawHtmlFile: string;
+  export = rawHtmlFile;
+}
+
+declare module "*.bmp" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.gif" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.webp" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.svg" {
+  const src: string;
+  export default src;
+}

packages/webpack-config-single-spa/lib/webpack-config-single-spa.js

@@ -71,10 +71,15 @@ function webpackConfigSingleSpa(opts) {
             },
           ],
         },
+        {
+          test: /\.(bmp|png|svg|jpg|jpeg|gif|webp)$/i,
+          exclude: /node_modules/,
+          type: "asset/resource",
+        },
         {
           test: /\.html$/i,
           exclude: /node_modules/,
-          use: [require.resolve("raw-loader", { paths: [__dirname] })],
+          type: "asset/source",
         },
       ],
     },

packages/webpack-config-single-spa/package.json

@@ -25,7 +25,6 @@
     "babel-loader": "^8.2.2",
     "css-loader": "^5.0.1",
     "html-webpack-plugin": "^5.1.0",
-    "raw-loader": "^4.0.2",
     "standalone-single-spa-webpack-plugin": "^1.1.0",
     "style-loader": "^2.0.0",
     "systemjs-webpack-interop": "^2.3.2",