feat(build): integrate tree-shaker for improved bundle optimization

extensions/vscode/package.json

@@ -563,6 +563,7 @@
 		"postinstall": "vscode-ext-gen --scope vue"
 	},
 	"devDependencies": {
+		"@kermanx/tree-shaker": "https://pkg.pr.new/KermanX/tree-shaker/@kermanx/tree-shaker@93d12c6",
 		"@types/semver": "^7.5.3",
 		"@types/vscode": "^1.82.0",
 		"@volar/vscode": "~2.4.11",

extensions/vscode/scripts/build.js

@@ -1,8 +1,11 @@
 // @ts-check
 const path = require('path');
 const fs = require('fs');
+const esbuild = require('esbuild');
+const { treeShake } = require('@kermanx/tree-shaker');
+const minify = process.argv.includes('--minify');
 
-require('esbuild').context({
+esbuild.context({
 	entryPoints: {
 		'dist/client': './out/nodeClientMain.js',
 		'dist/server': './node_modules/@vue/language-server/bin/vue-language-server.js',
@@ -17,7 +20,7 @@ require('esbuild').context({
 	platform: 'node',
 	tsconfig: './tsconfig.json',
 	define: { 'process.env.NODE_ENV': '"production"' },
-	minify: process.argv.includes('--minify'),
+	minify: minify,
 	plugins: [
 		{
 			name: 'umd2esm',
@@ -79,15 +82,35 @@ require('esbuild').context({
 				});
 			},
 		},
+		{
+			name: 'tree-shaking',
+			setup(build) {
+				if (!minify) {
+					return;
+				}
+				build.onLoad({ filter: /\.js$/ }, ({ path }) => {
+					path = path.replace(/\\/g, '/');
+					const source = fs.readFileSync(path, 'utf-8');
+					const { output, diagnostics } = treeShake(source, 'recommended', false);
+					if (!diagnostics.length) {
+						return {
+							contents: output,
+							loader: 'js',
+						}
+					}
+				});
+			},
+		},
 	],
 }).then(async ctx => {
-	console.log('building...');
+	console.time('build');
 	if (process.argv.includes('--watch')) {
 		await ctx.watch();
+		console.timeEnd('build');
 		console.log('watching...');
 	} else {
 		await ctx.rebuild();
 		await ctx.dispose();
-		console.log('finished.');
+		console.timeEnd('build');
 	}
 });

tsconfig.json

@@ -1,9 +1,13 @@
 {
 	"extends": "./tsconfig.base.json",
 	"compilerOptions": {
+		"allowJs": true,
 		"noEmit": true,
 	},
-	"include": [ "packages/*/tests" ],
+	"include": [
+		"packages/*/tests",
+		"extensions/vscode/scripts/build.js",
+	],
 	"references": [
 		{ "path": "./extensions/vscode/tsconfig.json" },
 		{ "path": "./packages/language-plugin-pug/tsconfig.json" },