Vue.js 使用目标wc构建选项时,vue cli未将代码传输到es5或commonjs

Vue.js 使用目标wc构建选项时,vue cli未将代码传输到es5或commonjs,vue.js,vuejs2,babeljs,vue-cli-3,Vue.js,Vuejs2,Babeljs,Vue Cli 3,我正在尝试使用以下方法构建组件: vue cli服务构建--目标wc--命名我的组件。/src/App.vue 输出的build js仍然具有const和arrow函数。例如,如何将其传输到commonjs 我尝试在babel配置中使用各种预设,但构建结果仍然相同 项目根目录中有一个babel.config.js文件(由vue cli生成) 没有错误,生成正在发生,但未传输。这几乎就像在使用目标wc构建时绕过了babel配置一样 默认的Vue CLI项目使用 @babel/preset env和

我正在尝试使用以下方法构建组件:

vue cli服务构建--目标wc--命名我的组件。/src/App.vue

输出的build js仍然具有
const
和arrow函数。例如,如何将其传输到commonjs

我尝试在babel配置中使用各种预设,但构建结果仍然相同

项目根目录中有一个
babel.config.js
文件(由vue cli生成)

没有错误,生成正在发生,但未传输。这几乎就像在使用目标wc构建时绕过了babel配置一样

默认的Vue CLI项目使用
@babel/preset env
浏览器列表
配置以确定 项目所需的多边形填充

默认情况下,它将
useBuiltIns:'usage'
传递给
@babel/preset env
,其中 根据语言自动检测所需的多边形填充 源代码中使用的功能。这只能确保最低限度的安全 最终捆绑包中包含的多边形填充量。但是, 如果您的某个依赖项对 polyfills,默认情况下Babel无法检测到它

使用Vue CLI构建时,它是 建议将
useBuiltIns:false
传递到
@vue/babel预设应用程序
禁用自动填充注射。这确保您不包括
不必要的多边形填充代码,因为这应该是您的责任
包含polyfills的消费应用程序的

要为
CommonJS
构建,请使用目标
--library

vue cli服务构建--目标库--名称myLib[entry]

module.exports = {
  presets: [
  '@vue/app'
  ]
}