vite排除外部依赖，使用script标签引入

1.代码如下：

import { defineConfig } from 'vite'
import { fileURLToPath, URL } from 'node:url'
import vue from '@vitejs/plugin-vue'
import postCssPxToRem from 'postcss-pxtorem'
// 使用下面两个插件完成
import { createHtmlPlugin } from 'vite-plugin-html'
import externalGlobals from "rollup-plugin-external-globals";

// https://vitejs.dev/config/
export default defineConfig({
  base: '/wework-cpic',
  plugins: [
    vue(),
    createHtmlPlugin({
      template: './index.html',
      inject: {
        tags: [
          {
            injectTo: 'body',
            tag: 'script',
            attrs: {
              src: 'https://res.wx.qq.com/open/js/jweixin-1.2.0.js',// 外部依赖
              defer: true
            }
          },
        ]
      }
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
  },
  server: {
    open: false
  },
  esbuild: {
    // drop: ['console', 'debugger']
  },
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue: 75, // UI框架提供的建议值
          unitPrecision: 5,
          propList: ['*'],
        })
      ]
    }
  },
  build: {
    rollupOptions: {
      external: ['wx'],
      plugins: [
        // 不打包依赖映射的对象
        externalGlobals({
          wx: 'wx'
        })
      ]
    },
  },
})