vite-plugin-eruda-pro 在vite中使用eruda

一个 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 官方文档以了解可用选项:

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
相关推荐
敲敲了个代码1 天前
React 那么多状态管理库,到底选哪个?如果非要焊死一个呢?这篇文章解决你的选择困难症
前端·javascript·学习·react.js·前端框架
yungcy61631 天前
React性能优化实战:从卡顿到丝滑,15个核心技巧覆盖全场景
前端·react.js·性能优化
阿珊和她的猫1 天前
React 中 CSS 书写方式全解析
前端·css·react.js
打瞌睡的朱尤1 天前
js复习--考核
开发语言·前端·javascript
前端极客探险家1 天前
React 全面入门与进阶实战教程
前端·javascript·react.js
.生产的驴1 天前
Vue3 超大字体font-slice按需分片加载,极速提升首屏速度, 中文分片加载方案,性能优化
前端·vue.js·windows·青少年编程·性能优化·vue·rescript
打瞌睡的朱尤1 天前
CSS复习
前端·css
irpywp1 天前
Boneyard:基于组件映射的骨架屏方案
前端·ui·github
27669582921 天前
zp_stoken 算法风控分析
java·前端·javascript·python·web逆向·boss直聘·zp_stoken