From da60ca968ad6514b8d5483ca747e7e8ed85f9ab4 Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Fri, 30 May 2025 17:58:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20webpack=E9=85=8D=E7=BD=AE=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/move-md-plugin.ts           | 17 +++++++++++++----
 src/views/demo/webpack/index.vue  | 17 +++++++++++++++++
 src/views/demo/webpack/webpack.md | 27 +++++++++++++++++++++++++++
 3 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 src/views/demo/webpack/index.vue
 create mode 100644 src/views/demo/webpack/webpack.md

diff --git a/build/move-md-plugin.ts b/build/move-md-plugin.ts
index 2de70f0..e20073a 100644
--- a/build/move-md-plugin.ts
+++ b/build/move-md-plugin.ts
@@ -24,12 +24,21 @@ const moveMarkdownFiles = (dir: string) => {
                 console.log(`自定义vite插件，复制 ${filePath} 到 ${distPath}（新增）`);
             } else {
                 // 比较文件大小
-                const sourceFileSize = stat.size;
-                const distFileSize = fs.statSync(distPath).size;
+                // const sourceFileSize = stat.size;
+                // const distFileSize = fs.statSync(distPath).size;
 
-                if (sourceFileSize !== distFileSize) {
+                // if (sourceFileSize !== distFileSize) {
+                //     fs.copyFileSync(filePath, distPath);
+                //     console.log(`自定义vite插件，复制 ${filePath} 到 ${distPath}（文件大小不一致）`);
+                // }
+
+                // 读取源文件和目标文件的内容
+                const sourceFileContent = fs.readFileSync(filePath, 'utf-8');
+                const distFileContent = fs.readFileSync(distPath, 'utf-8');
+
+                if (sourceFileContent !== distFileContent) {
                     fs.copyFileSync(filePath, distPath);
-                    console.log(`自定义vite插件，复制 ${filePath} 到 ${distPath}（文件大小不一致）`);
+                    console.log(`自定义vite插件，复制 ${filePath} 到 ${distPath}（文件内容不一致）`);
                 }
             }
         }
diff --git a/src/views/demo/webpack/index.vue b/src/views/demo/webpack/index.vue
new file mode 100644
index 0000000..7a7183f
--- /dev/null
+++ b/src/views/demo/webpack/index.vue
@@ -0,0 +1,17 @@
+<template>
+    <div
+        class="markdown-body"
+        v-html="htmlStr"
+    ></div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { marked } from 'marked';
+import { getMarkdownContent } from '@/utils/tools';
+
+const htmlStr = ref('');
+getMarkdownContent('./md/webpack.md').then((res) => {
+    htmlStr.value = marked(res);
+});
+</script>
diff --git a/src/views/demo/webpack/webpack.md b/src/views/demo/webpack/webpack.md
new file mode 100644
index 0000000..4d4e8cc
--- /dev/null
+++ b/src/views/demo/webpack/webpack.md
@@ -0,0 +1,27 @@
+## vue.config.js什么配置会导致浏览器如果有报错会出现`遮罩层`错误提示并且遮挡页面，`Uncauht runtime error:`
+```javascript
+// vue cli 5+ 或 vite
+devServer: {
+    client: {
+        overlay: false,
+    }
+}
+
+// vue cli 3-4
+devServer: {
+    overlay: false,
+}
+```
+
+## 浏览器查看源码都是被编译后的代码，怎么打开源码映射
+```javascript
+// 方式一
+configureWebpack: {
+    devtool: 'source-map'
+}
+
+// 方式二
+configureWebpack: (config) => {
+    config.devtool = 'source-map'
+}
+```
\ No newline at end of file