支持 IE11 的 vue cli3 库

Question

根据文档 (https://cli.vuejs.org/guide/build-targets.html#library)，我不清楚如何集成 babel 以使构建的库对 IE11 友好...我必须从 Vue 组件制作一个 npm 包。

我在 package.json 中的 npm 脚本是： vue-cli-service build --target lib src/MyComponent.vue

我在 package.json 中输入了正确的 "browserslist"。

看来我得用一个带预设的babel.config.js。

不确定要安装什么作为开发依赖项以及要配置什么...

有人有可用的示例库或一些指导吗？

Answer 1

对我自己的回答 :-) 它被记录在案，但在几个地方。所以...

• 添加这些开发依赖项：

npm install --save-dev @vue/cli-plugin-babel @babel/preset-env

• 添加这个依赖：

npm install --save @babel/polyfill current-script-polyfill

• 在你的主 Vue 文件中，import 'current-script-polyfill' 在其他任何东西之前
• 确实在package.json
中定义了一个browserslist
• 确实有 babel.config.js 和

    presets: [
      ['@vue/app']
    ]
  }

Edit : 现在我们使用 .browserlistrc 文件而不是 package.json 中的定义。这是我们使用的，感谢您的询问：

> 1%
last 2 versions
not ie < 11