feat: add http-import example (#284)

hardfist · web-flow · commit a2e9203eb5b7 · 2025-04-29T10:59:56.000+08:00
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/rspack/http-import/.gitignore b/rspack/http-import/.gitignore
@@ -0,0 +1 @@
+http-import.lock.data/
diff --git a/rspack/http-import/http-import.lock b/rspack/http-import/http-import.lock
@@ -0,0 +1,12 @@
+{
+  "version": 1,
+  "entries": {
+    "https://www.unpkg.com/the-answer": {
+      "resolved": "https://www.unpkg.com/the-answer",
+      "integrity": "sha512-qy9ndp7bPncf/DMQ94Gl5JsOGkabSNUdloOFyy5J70PaB3kWjpylAUWtK3wuxNlvbgP9z4tF0tHxlrhuXRKZAQ==",
+      "content_type": "text/javascript; charset=utf-8",
+      "valid_until": 1777431035228,
+      "etag": null
+    }
+  }
+}
diff --git a/rspack/http-import/index.html b/rspack/http-import/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/rspack/http-import/package.json b/rspack/http-import/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "example-http-import",
+  "version": "1.0.0",
+  "private": true,
+  "license": "MIT",
+  "sideEffects": ["**/*.css", "**/*.less", "**/*.scss"],
+  "main": "index.js",
+  "scripts": {
+    "build": "rspack build",
+    "dev": "rspack serve"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.3.7",
+    "@rspack/core": "1.3.7"
+  }
+}
diff --git a/rspack/http-import/rspack.config.mjs b/rspack/http-import/rspack.config.mjs
@@ -0,0 +1,18 @@
+// @ts-check
+import { rspack } from "@rspack/core";
+import { defineConfig } from "@rspack/cli";
+
+export default defineConfig({
+  entry: "./src/index.js",
+  experiments: {
+    buildHttp:{
+      allowedUris: ['https://www.unpkg.com'],
+      lockfileLocation: 'http-import.lock',
+    }
+  },
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "./index.html",
+    }),
+  ],
+});
diff --git a/rspack/http-import/src/index.js b/rspack/http-import/src/index.js
@@ -0,0 +1,5 @@
+import answer from 'https://www.unpkg.com/the-answer';
+function render() {
+  document.getElementById('root').innerHTML = `the answer to the universe is ${answer}`;
+}
+render();
