vite引入element plus 国际化（zh-ch）js报错

前言

在初试vite打包工具时，引入element plus语言国际化报错
版本如下：

elment Plus 官方文档，使用教程如下：

<template>
  <el-config-provider :locale="locale">
    <app />
  </el-config-provider>
</template>

<script>
  import { defineComponent } from 'vue'
  import { ElConfigProvider } from 'element-plus'

  import zhCn from 'element-plus/lib/locale/lang/zh-cn'

  export default defineComponent({
    components: {
      ElConfigProvider,
    },
    setup() {
      return {
        locale: zhCn,
      }
    },
  })
</script>

解决

因为vite在开发环境时，并不会对项目进行打包，而是直接开启一个服务器进行访问，所以commjs中的语法便不能使用，在utils文件下额外建立一个语言文件包，将element plus中的语言文件复制过来，然后做修改

原来的语言包:

修改的语言包：

最后引入修改好的语言包就行了