vite-plugin-inspect/dist/index.d.ts Version: 1.96 kBTypeScriptView Raw 1 import { Plugin } from 'vite'; 2 import { Awaitable } from '@antfu/utils'; 3 import { StackFrame } from 'error-stack-parser-es'; 4 import { O as Options } from './shared/vite-plugin-inspect.6a105d...
// vite.config.tsimportInspectfrom'vite-plugin-inspect'exportdefault{plugins:[Inspect({build:true,outputDir:'.vite-inspect'})],} After runningvite build, the inspector client will be generated under.vite-inspect, where you can usenpx serve .vite-inspectto check the result. ...
name: 'vite-plugin-xxx', //插件名称 load(code) { // 钩子逻辑 }, } 1. 2. 3. 4. 5. 6. 在插件命名方式上,如果插件是一个 npm 包,在package.json中的包命名也推荐以vite-plugin开头。一般情况下因为要考虑到外部传参,我们不会直接写一个对象,而是实现一个返回插件对象的工厂函数,如下代码所示: ...
vite-plugin-inspect 现在有更多与性能相关的功能,可以帮助开发者确定哪些插件或中间件是应用性能的瓶颈。页面加载后使用 vite --profile(然后按 p)将保存 devServer 启动的 CPU 配置文件。可以在应用中将它们作为 speedscope 打开以识别性能问题。为什么 Vite 4.3 这么快?更智能的解析策略 Vite会将所有接收到的...
Inspect:Inspect 与 vite-plugin-inspect 集成,可以检查 Vite 的转换步骤。 Inspector:Inspector 与 vite-plugin-vue-inspector 集成,可以检查应用的 DOM 树,并查看渲染它的组件,这样可以更轻松地找到需要进行更改的位置。 独立窗口:Vue DevTools 可以作为一个独立的窗口运行,当你想在小屏幕上调试应用时,它非常有帮助...
To inspect transformation in build mode, you can pass the build: true option: // vite.config.ts import Inspect from 'vite-plugin-inspect' export default { plugins: [ Inspect({ build: true, outputDir: '.vite-inspect' }) ], } After running vite build, the inspector client will be gener...
vite-plugin-inspect/dist/index.mjs Version: 39 kBJavaScriptView Raw 1 import process from 'node:process'; 2 import sirv from 'sirv'; 3 import c from 'picocolors'; 4 import { dirname, resolve, isAbsolute, join } from 'node:path'; ...
'@vitejs/plugin-vue': specifier: ^4.2.1 version: 4.2.1(vite@4.3.4)(vue@3.2.47) serve: specifier: ^14.2.0 version: 14.2.0 typescript: specifier: ^5.0.4 version: 5.0.4 vite: specifier: ^4.3.4 version: 4.3.4(@types/node@18.16.3) vite-plugin-inspect: specifier: workspace:* versio...
vite-plugin-inspect:vite-plugin-inspect从 0.7.20 版本开始支持显示插件的钩子时间,并且将来会有更多的跑分图。 vite-plugin-warmup:预热您的 Vite 服务器,并提升页面加载速度! - End -
另外,vite-plugin-inspect 现在提供更多与性能相关的功能,可帮助大家确定哪些插件或中间件构成了应用程序的性能瓶颈。 在页面加载完成后,可以使用 vite --profile (之后按 p)以保存开发服务器启动的 CPU 配置文件。您可以在应用程序中将其作为 speedscope 打开以检查性能问题。大家也可以在讨论区(https://github.com...