【unplugin】vite unplugin-auto-vconsole插件 自动导入vconsole 生产环境根据链接参数动态加载vconsole代码，手机端不方便，希望用于生产调试时正常用户不需

当希望使用 vconsole，并且希望在生产环境使用，并且还不希望正常用户看到，并且还不希望占用正常用户加载速度或者加载的 js 体积时，你可能用得上unplugin-auto-vconsole

例如生产环境http://baidu.com 这样访问，并不会加载或出现vconsole，减少正常用户的加载文件体积

http://baidu.com?enable_console=1 这样访问，则自动加载

1. 可以帮助你快捷的引入 vconsole 以方便进行移动端的调试

2. 当你需要线上环境调试时只需要添加固定参数，即可动态加载并开启 vconsole,eg：http://baidu.com?enable_console=1

3. 普通用户并不会开启，并且是动态引入，不会给普通用户增加额外的 js 文件体积（vconsole 会被单独打包、但用户默认不会加载）

Install

使用 npm / yarn / pnpm 安装

npm i vconsole
npm i unplugin-auto-vconsole -D

安装之后有如下配置：

{
  // 生产环境带有哪个参数字段时需要开启 默认为 enable_console
  field?: string;
  // 是否构建阶段 默认为false
  isBuild?: boolean;
  // 是否开启vconsole,有些时候开发环境不需要开启、需要自定判断 默认为 true
  enabled?: boolean;
  // 注入的入口文件 默认为：src/main.ts
  entry?: string | string[];
  // vconsole的配置 默认空
  config?: Object;
}

这是一个vite的使用示例