feat(projects): add compress script [添加压缩命令]

.env.production

@@ -4,3 +4,5 @@ VITE_COMPRESS=N
 
 # gzip | brotliCompress | deflate | deflateRaw
 VITE_COMPRESS_TYPE=gzip
+
+VITE_PWA=N

.gitignore

@@ -11,6 +11,7 @@ node_modules
 .DS_Store
 dist
 dist-ssr
+dist.zip
 coverage
 *.local
 stats.html

build/plugins/index.ts

@@ -16,24 +16,17 @@ import pwa from './pwa';
  * @param viteEnv - 环境变量配置
  */
 export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | PluginOption[])[] {
-  const plugins = [
-    vue(),
-    vueJsx(),
-    html(viteEnv),
-    ...unplugin(viteEnv),
-    unocss(),
-    mock,
-    progress(),
-    routerPage(),
-    pwa()
-  ];
+  const plugins = [vue(), vueJsx(), html(viteEnv), ...unplugin(viteEnv), unocss(), mock, progress(), routerPage()];
 
   if (viteEnv.VITE_VISUALIZER === 'Y') {
     plugins.push(visualizer as PluginOption);
   }
   if (viteEnv.VITE_COMPRESS === 'Y') {
     plugins.push(compress(viteEnv));
   }
+  if (viteEnv.VITE_PWA === 'Y' || viteEnv.VITE_VERCEL === 'Y') {
+    plugins.push(pwa());
+  }
 
   return plugins;
 }

package.json

@@ -46,9 +46,9 @@
     "typecheck": "vue-tsc --noEmit --skipLibCheck",
     "lint": "eslint . --fix",
     "commit": "czg",
-    "cz": "czg",
     "esno": "esno",
     "cleanup": "esno ./scripts/cleanup.ts",
+    "compress": "esno ./scripts/compress.ts",
     "update-pkg": "ncu --deep -u",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "release": "standard-version",
@@ -98,6 +98,7 @@
     "@vitejs/plugin-vue": "^3.2.0",
     "@vitejs/plugin-vue-jsx": "^2.1.1",
     "commitlint": "^17.3.0",
+    "compressing": "^1.6.2",
     "conventional-changelog": "^3.1.25",
     "cross-env": "^7.0.3",
     "cz-git": "^1.4.0",

scripts/compress.ts

@@ -0,0 +1,21 @@
+import { createWriteStream } from 'fs';
+import { zip } from 'compressing';
+
+/**
+ * 压缩目录或者文件
+ * @param paths 目录或者文件的路径
+ * @param destinationName 压缩产物的名称
+ */
+function zipDirsOrFile(paths: string[], destinationName = 'dist.zip') {
+  const stream = new zip.Stream();
+
+  paths.forEach(path => {
+    stream.addEntry(path);
+  });
+
+  const destination = createWriteStream(destinationName);
+
+  stream.pipe(destination);
+}
+
+zipDirsOrFile(['dist']);

src/typings/env.d.ts

@@ -53,6 +53,8 @@ interface ImportMetaEnv {
   readonly VITE_COMPRESS?: 'Y' | 'N';
   /** 压缩算法类型 */
   readonly VITE_COMPRESS_TYPE?: 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw';
+  /** 是否应用pwa */
+  readonly VITE_PWA?: 'Y' | 'N';
   /** hash路由模式 */
   readonly VITE_HASH_ROUTE?: 'Y' | 'N';
   /** 是否是部署的vercel */