fix: 修复siteEffect 导致lib包引入样式问题

Tencent · Oct 29, 2024 · d42cb13 · d42cb13
1 parent 37afc9a
commit d42cb13
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
     "CHANGELOG.md"
   ],
   "sideEffects": [
-    "src/**/style/**",
     "dist/*",
     "site/*",
     "es/**/style/**",

diff --git a/site/vite.config.js b/site/vite.config.js
@@ -13,6 +13,17 @@ const publicPathMap = {
   production: 'https://static.tdesign.tencent.com/react/',
 };
 
+const disableTreeShakingPlugin = (paths) => ({
+  name: 'disable-treeshake',
+  transform(code, id) {
+    for (const path of paths) {
+      if (id.includes(path)) {
+        return { code, map: null, moduleSideEffects: 'no-treeshake' };
+      }
+    }
+  },
+});
+
 export default ({ mode }) =>
   defineConfig({
     base: publicPathMap[mode],
@@ -50,5 +61,5 @@ export default ({ mode }) =>
     test: {
       environment: 'jsdom',
     },
-    plugins: [react(), tdocPlugin(), VitePWA(pwaConfig)],
+    plugins: [react(), tdocPlugin(), VitePWA(pwaConfig), disableTreeShakingPlugin(['style/'])],
   });