fix(build): tree shaking (element-plus#8088)

Author: sxzz

docs/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@docsearch/js": "^3.0.0",
-    "@element-plus/icons-vue": "^2.0.3",
+    "@element-plus/icons-vue": "^2.0.5",
     "@element-plus/metadata": "workspace:*",
     "@vue/shared": "^3.2.33",
     "@vueuse/core": "^8.5.0",

internal/build/src/tasks/full-bundle.ts

@@ -5,7 +5,7 @@ import commonjs from '@rollup/plugin-commonjs'
 import vue from '@vitejs/plugin-vue'
 import DefineOptions from 'unplugin-vue-define-options/rollup'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import esbuild from 'rollup-plugin-esbuild'
+import esbuild, { minify as minifyPlugin } from 'rollup-plugin-esbuild'
 import { parallel } from 'gulp'
 import glob from 'fast-glob'
 import { camelCase, upperFirst } from 'lodash'
@@ -24,37 +24,45 @@ import {
   writeBundles,
 } from '../utils'
 import { target } from '../build-info'
+import type { Plugin } from 'rollup'
 
 const banner = `/*! ${PKG_BRAND_NAME} v${version} */\n`
 
 async function buildFullEntry(minify: boolean) {
+  const plugins: Plugin[] = [
+    ElementPlusAlias(),
+    DefineOptions(),
+    vue({
+      isProduction: true,
+    }),
+    vueJsx(),
+    nodeResolve({
+      extensions: ['.mjs', '.js', '.json', '.ts'],
+    }),
+    commonjs(),
+    esbuild({
+      exclude: [],
+      sourceMap: minify,
+      target,
+      loaders: {
+        '.vue': 'ts',
+      },
+      define: {
+        'process.env.NODE_ENV': JSON.stringify('production'),
+      },
+      treeShaking: true,
+      legalComments: 'eof',
+    }),
+  ]
+  if (minify) {
+    plugins.push(minifyPlugin({ sourceMap: true }))
+  }
+
   const bundle = await rollup({
     input: path.resolve(epRoot, 'index.ts'),
-    plugins: [
-      ElementPlusAlias(),
-      DefineOptions(),
-      vue({
-        isProduction: true,
-      }),
-      vueJsx(),
-      nodeResolve({
-        extensions: ['.mjs', '.js', '.json', '.ts'],
-      }),
-      commonjs(),
-      esbuild({
-        exclude: [],
-        minify,
-        sourceMap: minify,
-        target,
-        loaders: {
-          '.vue': 'ts',
-        },
-        define: {
-          'process.env.NODE_ENV': JSON.stringify('production'),
-        },
-      }),
-    ],
+    plugins,
     external: await generateExternal({ full: true }),
+    treeshake: true,
   })
   await writeBundles(bundle, [
     {

package.json

@@ -48,7 +48,7 @@
     "@element-plus/constants": "workspace:*",
     "@element-plus/directives": "workspace:*",
     "@element-plus/hooks": "workspace:*",
-    "@element-plus/icons-vue": "^2.0.3",
+    "@element-plus/icons-vue": "^2.0.5",
     "@element-plus/locale": "workspace:*",
     "@element-plus/test-utils": "workspace:*",
     "@element-plus/theme-chalk": "workspace:*",

packages/element-plus/package.json

@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^3.4.1",
-    "@element-plus/icons-vue": "^2.0.3",
+    "@element-plus/icons-vue": "^2.0.5",
     "@floating-ui/dom": "^0.5.0",
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
     "@types/lodash": "^4.14.182",

play/package.json

@@ -7,7 +7,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.0.3",
+    "@element-plus/icons-vue": "^2.0.5",
     "vue": "^3.2.33"
   },
   "devDependencies": {