一個(gè) Vite 插件，可自動(dòng)注入Eruda以在開發(fā)過程中啟用移動(dòng)端調(diào)試。

Eruda 是一個(gè)輕量級的移動(dòng)瀏覽器控制臺。此插件可幫助您在 Vite 項(xiàng)目中自動(dòng)加載它。

特征

• 在開發(fā)過程中自動(dòng)注入Eruda
• 支持自定義CDN 源
• 支持Eruda 配置
• 輕巧易用

安裝

npm install vite-plugin-eruda-pro -D

或

yarn add vite-plugin-eruda-pro -D

用法

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

export default {
  plugins: [eruda()]
}

選項(xiàng)

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

open

• 類型： boolean
• 默認(rèn)： true

是否啟用 Eruda 調(diào)試。

例子：

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

erudaUrl

• 類型： string
• 默認(rèn)： "https://cdn.jsdelivr.net/npm/eruda"

用于加載 Eruda 腳本的 CDN 地址。

erudaOptions

• 類型： object
• 默認(rèn)： {}

傳遞給的配置選項(xiàng)eruda.init()。

請參閱 Eruda 官方文檔以了解可用選項(xiàng)：

https://github.com/liriliri/eruda

例子：

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

例子

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

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

github地址

https://github.com/jiayc4215/vite-plugin-eruda-pro