Parcourir la source

增加前端代码定位工具,按住shift+鼠标左键,自动定位到相关代码位置

高级CV工程师 il y a 2 ans
Parent
commit
7a731a5349
2 fichiers modifiés avec 9 ajouts et 2 suppressions
  1. 1 0
      Web/package.json
  2. 8 2
      Web/vite.config.ts

+ 1 - 0
Web/package.json

@@ -64,6 +64,7 @@
 		"@vitejs/plugin-vue": "^4.4.0",
 		"@vitejs/plugin-vue-jsx": "^3.0.2",
 		"@vue/compiler-sfc": "^3.3.4",
+		"code-inspector-plugin": "^0.1.12",
 		"eslint": "^8.51.0",
 		"eslint-plugin-vue": "^9.17.0",
 		"less": "^4.2.0",

+ 8 - 2
Web/vite.config.ts

@@ -5,7 +5,8 @@ import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
 import viteCompression from 'vite-plugin-compression';
 import { buildConfig } from './src/utils/build';
 import vueJsx from '@vitejs/plugin-vue-jsx';
-import fs from 'fs' ;
+import { CodeInspectorPlugin } from 'code-inspector-plugin';
+import fs from 'fs';
 
 const pathResolve = (dir: string) => {
 	return resolve(__dirname, '.', dir);
@@ -20,7 +21,12 @@ const viteConfig = defineConfig((mode: ConfigEnv) => {
 	const env = loadEnv(mode.mode, process.cwd());
 	fs.writeFileSync('./public/config.js', `window.__env__ = ${JSON.stringify(env, null, 2)} `)
 	return {
-		plugins: [vue(), vueJsx(), vueSetupExtend(), viteCompression(), JSON.parse(env.VITE_OPEN_CDN) ? buildConfig.cdn() : null],
+		plugins: [
+			CodeInspectorPlugin({
+				bundler: 'vite',
+				hotKeys: ['shiftKey'],
+			}),
+			vue(), vueJsx(), vueSetupExtend(), viteCompression(), JSON.parse(env.VITE_OPEN_CDN) ? buildConfig.cdn() : null],
 		root: process.cwd(),
 		resolve: { alias },
 		base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,