vconsole vite plugin
npm install inject-vc-vite-plugin为了帮助开发者在开发、测试环境调试H5项目,本插件主要做两件事:
1. 开发环境下、测试环境下(自定义),自动注入vconsole插件,方便开发者在移动端查看console、network等信息。
2. 每次编译会在html中插入固定console脚本,去输出当前代码更新时间、版本号、环境、commit hash,这对于有缓存、环境比较多、更新频繁的前端项目来说非常有用。
每当我们想确认当前线上网站是否是最新版本和更新日期时,只需要F2打开控制台即可一目了然。
``javascript``
import { defineConfig } from 'vite';
import inject_vc_vite_plugin from 'inject-vc-vite-plugin';
import path from 'path';
// Vite 配置
export default defineConfig({
plugins: [
inject_vc_vite_plugin({
injectEnv: ['development', 'staging'] // 开发环境和测试环境下注入vconsole-> 默认development、beta
style:"color:red" // 自定义console.log style
})]
})
!image1
!image2