vite-plugin-eruda-pro

A Vite plugin that automatically injects Eruda to enable mobile debugging in development.

Eruda is a lightweight console for mobile browsers. This plugin helps you automatically load it in your Vite project.

Features

• Automatically inject Eruda in development
• Support custom CDN source
• Support Eruda configuration
• Lightweight and easy to use

Install

npm install vite-plugin-eruda-pro -D

or

yarn add vite-plugin-eruda-pro -D

Usage

import eruda from "vite-plugin-eruda-pro"

export default {
  plugins: [eruda()]
}

Options

eruda({
  open: true,
  erudaUrl: "https://cdn.jsdelivr.net/npm/eruda",
  erudaOptions: {}
})

open

• Type: boolean
• Default: true

Whether to enable Eruda debugging.

Example:

eruda({
  open: process.env.NODE_ENV !== "production"
})

erudaUrl

• Type: string
• Default: "https://cdn.jsdelivr.net/npm/eruda"

The CDN address used to load the Eruda script.

erudaOptions

• Type: object
• Default: {}

Configuration options passed to eruda.init().

See the official Eruda documentation for available options:

https://github.com/liriliri/eruda

Example:

eruda({
  erudaOptions: {
    tool: ["console", "network", "elements"]
  }
})

Example

import eruda from "vite-plugin-eruda-pro"

export default {
  plugins: [
    eruda({
      open: process.env.NODE_ENV === "development"
    })
  ]
}

License

MIT