vitetemplateinject

这是一个 vite 模板注入插件

使用方法

1. 安装插件

npm install vitetemplateinject --save-dev

2. 在 vite.config.js 中配置插件

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import templateInject from 'vite-template-inject'

export default defineConfig({
  plugins: [
    // 仅在 App 开发环境使用插件
    vitePluginTemplateInject(["<LogConsole ref='loggerConsole'></LogConsole>"]),
    uni(),
  ],
})

3. 在main.js 中引入我们自定义的组件,全局注册

import { createApp } from 'vue'
import App from './App.vue'
import { logConsole } from 'components/logConsole'

const app = createApp(App)
app.component('logConsole', logConsole)
app.mount('#app')