chore: add ts and mts config example

rspack-contrib · Jan 26, 2024 · c54eea0 · c54eea0
1 parent 4f397ac
commit c54eea0
Show file tree

Hide file tree

Showing 7 changed files with 78 additions and 6 deletions.
diff --git a/rspack/basic-mts-config/index.html b/rspack/basic-mts-config/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/basic-mts-config/package.json b/rspack/basic-mts-config/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "example-basic-tsconfig",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "private": true,
+  "scripts": {
+    "dev": "NODE_OPTIONS=\"--loader ts-node/esm\" rspack serve",
+    "build": "NODE_OPTIONS=\"--loader ts-node/esm\" rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "latest",
+    "@rspack/core": "latest",
+    "ts-node": "10.9.2"
+  },
+  "sideEffects": false,
+  "keywords": [],
+  "author": "",
+  "license": "MIT"
+}
diff --git a/rspack/basic-mts-config/rspack.config.mts b/rspack/basic-mts-config/rspack.config.mts
@@ -0,0 +1,16 @@
+import rspack from "@rspack/core";
+import path from 'path';
+import { fileURLToPath } from "url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+/** @type {import('@rspack/cli').Configuration} */
+const config = {
+	context: __dirname,
+	entry: "./src/index.js",
+	plugins: [
+		new rspack.HtmlRspackPlugin({
+			template: "./index.html"
+		})
+	]
+};
+export default config;
diff --git a/rspack/basic-mts-config/src/answer.js b/rspack/basic-mts-config/src/answer.js
@@ -0,0 +1 @@
+export const answer = 42;
diff --git a/rspack/basic-mts-config/src/index.js b/rspack/basic-mts-config/src/index.js
@@ -0,0 +1,7 @@
+import { answer } from "./answer";
+function render() {
+	document.getElementById(
+		"root"
+	).innerHTML = `the answer to the universe is ${answer}`;
+}
+render();
diff --git a/rspack/basic-mts-config/tsconfig.json b/rspack/basic-mts-config/tsconfig.json
@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+      "baseUrl": ".",
+      "rootDir": ".",
+      "target": "ESNext",
+      "module": "NodeNext",
+      "noEmit":true,
+      "esModuleInterop": true,
+      "resolveJsonModule":true,
+      "moduleResolution": "nodenext",
+      "allowImportingTsExtensions": true,
+      "allowSyntheticDefaultImports": true,
+    },
+    "include": ["**/*.ts", "**/*.js"]
+  }
diff --git a/rspack/basic/rspack.config.js b/rspack/basic/rspack.config.js
@@ -1,11 +1,12 @@
 const rspack = require("@rspack/core");
 /** @type {import('@rspack/cli').Configuration} */
 const config = {
-	entry: "./src/index.js",
-	plugins: [
-		new rspack.HtmlRspackPlugin({
-			template: "./index.html"
-		})
-	]
+  context: __dirname,
+  entry: "./src/index.js",
+  plugins: [
+    new rspack.HtmlRspackPlugin({
+      template: "./index.html",
+    }),
+  ],
 };
 module.exports = config;