一个 Vite 插件,可自动注入Eruda以在开发过程中启用移动端调试。
Eruda 是一个轻量级的移动浏览器控制台。此插件可帮助您在 Vite 项目中自动加载它。
特征
- 在开发过程中自动注入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()]
}
选项
eruda({
open: true,
erudaUrl: "https://cdn.jsdelivr.net/npm/eruda",
erudaOptions: {}
})
open
- 类型:
boolean - 默认:
true
是否启用 Eruda 调试。
例子:
eruda({
open: process.env.NODE_ENV !== "production"
})
erudaUrl
- 类型:
string - 默认:
"https://cdn.jsdelivr.net/npm/eruda"
用于加载 Eruda 脚本的 CDN 地址。
erudaOptions
- 类型:
object - 默认:
{}
传递给的配置选项eruda.init()。
请参阅 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