diff --git a/compiler/package-lock.json b/compiler/package-lock.json
index 5185b36..2359360 100644
--- a/compiler/package-lock.json
+++ b/compiler/package-lock.json
@@ -2507,6 +2507,16 @@
         "flat-cache": "^3.0.4"
       }
     },
+    "file-loader": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmmirror.com/file-loader/-/file-loader-6.2.0.tgz",
+      "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      }
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.nlark.com/fill-range/download/fill-range-7.0.1.tgz",
@@ -4093,6 +4103,17 @@
         "punycode": "^2.1.0"
       }
     },
+    "url-loader": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/url-loader/-/url-loader-4.1.1.tgz",
+      "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^2.0.0",
+        "mime-types": "^2.1.27",
+        "schema-utils": "^3.0.0"
+      }
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npm.taobao.org/util-deprecate/download/util-deprecate-1.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Futil-deprecate%2Fdownload%2Futil-deprecate-1.0.2.tgz",
diff --git a/compiler/package.json b/compiler/package.json
index 7365713..ca43b92 100644
--- a/compiler/package.json
+++ b/compiler/package.json
@@ -28,11 +28,13 @@
     "@typescript-eslint/parser": "^4.11.0",
     "chai": "^4.2.0",
     "eslint": "^7.16.0",
+    "file-loader": "^6.2.0",
     "mocha": "^8.2.1",
     "mocha-context": "^0.1.5",
     "ts-node": "^9.1.1",
     "uglify-js": "^3.13.0",
-    "pegjs": "^0.10.0"
+    "pegjs": "^0.10.0",
+    "url-loader": "^4.1.1"
   },
   "dependencies": {
     "clean-webpack-plugin": "^3.0.0",
diff --git a/compiler/webpack.config.js b/compiler/webpack.config.js
index 8cf334f..10efa7a 100644
--- a/compiler/webpack.config.js
+++ b/compiler/webpack.config.js
@@ -59,6 +59,12 @@ function initConfig(config) {
     mode: 'development',
     module: {
       rules: [
+        {
+          test:/\.(jpg|png|gif|jpeg|mp3|mp4|svg)$/,
+          use:{
+            loader:'url-loader'
+          }
+        },
         {
           test: /\.d\.ts/,
           loader: 'ignore-loader'