Merge pull request #1 from lastsunday/chore/webpack_to_vite

chore: webpack to vite

.github/workflows/build.yml

@@ -26,5 +26,5 @@ jobs:
               uses: JamesIves/[email protected]
               with: 
                 branch: gh-pages
-                folder: build
+                folder: dist
 

.gitignore

@@ -1,13 +1,28 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# production
-/build
+node_modules
+dist
+dist-ssr
+*.local
 
-# misc
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
 .DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
 
-npm-debug.log*
-size-plugin.json
+# Config files
+.webextrc
+.webextrc.*

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["emeraldwalk.runonsave"]
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
 }

CHANGELOG.md

@@ -12,6 +12,15 @@
 1. (SidePanel)修改表格排序为远程排序。
 2. (SidePanel)新增Job Record时，对为空串的内容设置为NULL。
 
+### 🚀 Performance
+
+1. (build)将webpack替换为vite，加快开发期间的编译速度。
+
+### 🛀 Refactor
+
+1. 重构项目的目录结构，根据Chrome Extension的概念进行分类:background,contentScript,offscreen,sidepanel。
+2. 使用vite-plugin-web-extension进行插件编译的管理。
+
 ## 1.4.0(2024-06-01)
 
 ### ⭐ Added

README.md

@@ -115,11 +115,11 @@ Modern browsers
 1. 安装，编译
 
 ```bash
-    npm i
-    npm run build
+    pnpm i
+    pnpm run build
 ```
 
-2. 打开chrome，选择加载已解压的扩展程序，选择当前项目的 build 目录
+2. 打开chrome，选择加载已解压的扩展程序，选择当前项目的 dist 目录
 
 3. 打开页面
     * boss直聘： <https://www.zhipin.com/web/geek/job>
@@ -133,15 +133,15 @@ Modern browsers
 1. 安装，编译
 
    ```bash
-   npm i
-   npm run watch
+   pnpm i
+   pnpm run dev
    ```
 
 2. chrome 浏览器打开 chrome://extensions/ 页面
 
 3. 点击`加载已解压的扩展程序`
 
-4. 选择项目中生成的 build 文件夹即可
+4. 选择项目中生成的 dist 文件夹即可
 
 5. 每次保存都会重新编译，扩展程序需要***重新点一次刷新按钮***才生效