vue cli babel 设置兼容es5 后 开发与生产模式都会报错 ReferenceError: exports is not defined

项目场景：

项目信息：

vue版本：2.7.0

@vue/cli-service:4.4.6

该项目babel 默认将代码解析问es6 模式，但是为了兼容老版浏览器，需要对项目进行es5 兼容。我使用babel.config.js 与vue.config.js 进行相关配置后实现兼容效果。但是项目打包 开发环境和生产环境都运行正常但是个别页面访问就会控制台报错exports is not defined。

---

问题描述

将vue 项目通过Hbuilder 包装成apk，对现有项目进行es5 兼容后，打包运行正常，访问个别页面控制台报错 ReferenceError: exports is not defined

一下附上我的babel 相关配置

vue cli 4 打包兼容es 5 babel 配置

---

原因分析：

大概就是引用的插件中或者其依赖使用了Common.js 的写法.

exports is not defined at eval...【解决方案】

---

解决方案：

在vue.config.js 文件中添加一下内容。

module.exports = {
  configureWebpack: {
    module: {
      rules: [{
        test: /\.mjs$/,
        include: /node_modules/,
        type: 'javascript/auto'
      }]
    }
  }
}