@seayoo-web/scripts 2.0.12 → 2.1.1

package/dist/index.js

@@ -1,5 +1,6 @@
 import { join } from "node:path";
 import vue from "@vitejs/plugin-vue";
+import { visualizer } from "rollup-plugin-visualizer";
 import { viteDeployPlugin } from "@seayoo-web/finder";
 import { sentryVitePlugin } from "@sentry/vite-plugin";
 import legacy from "@vitejs/plugin-legacy";
@@ -25,7 +26,7 @@ function defineAppBuildConfig(option) {
       sourcemap: false,
       ...build
     },
-    plugins: [vue(), ...plugins],
+    plugins: [vue(), (option == null ? void 0 : option.visualizer) ? visualizer() : null, ...plugins],
     resolve: {
       alias: {
         "@": join(process.cwd(), "./src"),
@@ -135,6 +136,7 @@ function definePageBuildConfig(option) {
   const {
     onlyBuild,
     manualChunks,
+    badPackages = [],
     plugins = [],
     define = {},
     build = {},
@@ -153,7 +155,6 @@ function definePageBuildConfig(option) {
     const trunkMap = {
       "naive-ui": "naive-ui",
       html2canvas: "html2canvas",
-      thinkingdata: "thinkingdata",
       ...manualChunks
     };
     const trunkKeys = Object.keys(trunkMap);
@@ -161,6 +162,7 @@ function definePageBuildConfig(option) {
       const k = trunkKeys.find((k2) => id.includes(k2));
       if (k) return trunkMap[k];
     };
+    const ignoreSideEffects = ["thinkingdata", "@esotericsoftware/spine", ...badPackages];
     return {
       base: "./",
       build: {
@@ -171,11 +173,16 @@ function definePageBuildConfig(option) {
         sourcemap: command === "build" && !!envs.sentryAuthToken ? "hidden" : false,
         ...build,
         rollupOptions: {
+          treeshake: {
+            moduleSideEffects: function(id) {
+              return !ignoreSideEffects.some((k) => id.includes(k));
+            }
+          },
+          ...build.rollupOptions,
           output: {
             manualChunks: trunkFn,
             ...(_a = build.rollupOptions) == null ? void 0 : _a.output
-          },
-          ...build.rollupOptions
+          }
         }
       },
       plugins: [
@@ -229,7 +236,8 @@ function definePageBuildConfig(option) {
           org: "sentry",
           url: sentry.url || "https://sentry.seayoo.com/",
           project: sentry.project || "gamer-fe"
-        }) : null
+        }) : null,
+        justBuild ? visualizer() : null
       ],
       define: transformEnvs({
         BUILD_TIME: envs.stamp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seayoo-web/scripts",
-  "version": "2.0.12",
+  "version": "2.1.1",
   "description": "scripts for seayoo web repos",
   "type": "module",
   "source": "index.ts",
@@ -47,6 +47,7 @@
     "jiti": "^2.4.2",
     "ora": "^8.2.0",
     "postcss-html": "^1.8.0",
+    "rollup-plugin-visualizer": "^5.14.0",
     "terser": "^5.39.0",
     "vite-plugin-stylelint": "^6.0.0",
     "vite-plugin-vue-devtools": "^7.7.5",

package/types/src/vite.app.d.ts

@@ -2,4 +2,6 @@ import type { UserConfig } from "vite";
 /**
  * 导出一个动态的配置工厂函数
  */
-export declare function defineAppBuildConfig(option?: UserConfig): UserConfig;
+export declare function defineAppBuildConfig(option?: UserConfig & {
+    visualizer?: boolean;
+}): UserConfig;

package/types/src/vite.lab.d.ts

@@ -1,4 +1,4 @@
-import { type UserConfig } from "vite";
+import type { UserConfig } from "vite";
 interface LibBuildOption {
     /** 输出目录，默认为 "dist" */
     outDir?: string;

package/types/src/vite.page.d.ts

@@ -10,13 +10,19 @@ interface ExternalConfig {
     /**
      * 手工指定 trunk 合并策略，Record<key, chunk>，即 id.include(key) 则打到 trunk 中
      *
-     * 默认 {`naive-ui`, `html2canvas`, `thinkingdata`}
+     * 默认 {`naive-ui`, `html2canvas`}
      *
      * 设置的值会跟默认值进行合并。
      *
      * 也可以手工设定 `build.rollupOptions.output.manualChunks` 来自定义
      */
     manualChunks?: Record<string, string>;
+    /**
+     * 指定哪些不够友好的包，这些包的 iife 或修改全局 windows 变量的行为导致默认 tree-shaking 策略失效
+     *
+     * 从而这些包被误打入最终的产物中，无谓增加了包的体积。默认 `thinkingdata` 和 `@esotericsoftware`
+     */
+    badPackages?: string[];
 }
 /**
  * 导出一个动态的配置工厂函数