vue3+ts使用vConsole

1、npm install vconsole

2、在main.ts中引入并使用

 

 3、在vite.config.ts中配置

export default ({mode}:any)=>{
  return defineConfig({
  base:'./',
  plugins: [
    vue(),

    Components({
      resolvers: [VantResolver()],
    }),
    viteVConsole({
      entry: path.resolve('src/main.js'), // 入口文件，或者可以使用这个配置: [path.resolve('src/main.js')]
      localEnabled: mode === 'test', // 本地是否启用
      enabled: mode === 'test', // 是否启用
      config: {
        maxLogNumber: 1000,
        theme: 'light' // 主题颜色 'dark'|'light'
      }
    })
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  build: {
    chunkSizeWarningLimit: 1000,
    // assetPublicPath:"./",
    rollupOptions: {
      output: {
        // 分包
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return id
              .toString()
              .split("node_modules/")[1]
              .split("/")[0]
              .toString();
          }
        },
      },
    },
  
  },
  })
}