Use file-loader for the png files

Author: martinRenou

package.json

@@ -71,6 +71,7 @@
     "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-prettier": "^3.1.4",
+    "file-loader": "^6.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.1.1",
     "rimraf": "^3.0.2",

src/index.ts

@@ -12,9 +12,8 @@ import { IKernel, IKernelSpecs } from '@jupyterlite/kernel';
 
 import { XeusServerKernel } from './xeus_server_kernel';
 
-import logo32 from '../style/logos/python-logo-32x32.png';
-
-import logo64 from '../style/logos/python-logo-64x64.png';
+import logo32 from '!!file-loader?context=.!../style/logos/python-logo-32x32.png';
+import logo64 from '!!file-loader?context=.!../style/logos/python-logo-64x64.png';
 
 const server_kernel: JupyterLiteServerPlugin<void> = {
   id: '@jupyterlite/xeus-python-kernel-extension:kernel',

yarn.lock

@@ -2184,6 +2184,14 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 file-loader@~6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.0.0.tgz#97bbfaab7a2460c07bcbd72d3a6922407f67649f"