跳到主要内容
FarmFarm
Version: 2.x(最新)
本页目录

@farmfe/js-plugin-visualizer

Visualize Farm bundle size and module composition.

Installation

javascript
npm install @farmfe/js-plugin-visualizer
javascript
yarn add @farmfe/js-plugin-visualizer
javascript
pnpm add @farmfe/js-plugin-visualizer

Usage

ts
import { defineConfig } from '@farmfe/core';
import visualizer from '@farmfe/js-plugin-visualizer';

export default defineConfig({
  compilation: {
    input: {
      index: './index.html'
    }
  },
  plugins: [
    visualizer()
  ]
});

Options

ts
export interface RecordViewerOptions {
  /**
   * Specify hostname.
   * @default 'localhost'
   */
  host?: string;

  /**
   * Specify port.
   * @default 9527
   */
  port?: number;
}

host

Host for the visualizer server. Defaults to localhost.

port

Port for the visualizer server. Defaults to 9527.

Credits

Farm's Visualizer is inspired by vite-plugin-inspect and rsdoctor.

100%

Drag or pinch to explore. Keyboard: + / − zoom, arrows pan, 0 resets, Esc closes.