feat: source map supper to replace plugin

Author: AriPerkkio

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/_files/tutorial-example.js

@@ -0,0 +1,5 @@
+mountHTML(`
+  <div>
+    Hello world!
+  </div>
+`);

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/_files/vite-plugin-replace.ts

@@ -0,0 +1,10 @@
+export default function vitePluginReplace() {
+  return {
+    name: "replace-plugin",
+    transform(src, id) {
+      if (id.includes("tutorial-example.js")) {
+        return { code: src };
+      }
+    },
+  };
+}

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/_files/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import Inspect from "vite-plugin-inspect";
+import replacePlugin from "./vite-plugin-replace";
+
+export default defineConfig({
+  plugins: [
+    Inspect({
+      build: true,
+      outputDir: ".vite-inspect",
+    }),
+
+    replacePlugin({
+      from: "Initial value",
+      to: "Replaced value",
+    }),
+  ],
+});

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/_solution/vite-plugin-replace.ts

@@ -0,0 +1,10 @@
+export default function vitePluginReplace(options) {
+  return {
+    name: "replace-plugin",
+    transform(src, id) {
+      if (id.includes("tutorial-example.js")) {
+        return { code: src.replaceAll(options.from, options.to) };
+      }
+    },
+  };
+}

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/_solution/vite.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import replacePlugin from "./vite-plugin-replace";
+
+export default defineConfig({
+  plugins: [
+    replacePlugin({
+      from: "Hello world",
+      to: "Replaced value",
+    }),
+  ],
+});

src/content/tutorial/1-vite-plugin/3-replace-plugin/4-source-map-support/content.md

@@ -0,0 +1,14 @@
+---
+type: lesson
+title: Source map support
+focus: /vite.config.ts
+previews:
+  - [5173, "Vite dev server"]
+  - [3000, "Vite plugin inspect"]
+mainCommand: ["npm run inspect", "Inspect Vite build"]
+prepareCommands:
+  - ["npm install", "Installing dependencies"]
+  - ["npm run build", "Build project"]
+---
+
+# Source map support