支持 IE11 的 vue cli3 库

Question

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

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

我在 package.json 中放置了正确的“浏览器列表”。

看来我必须使用带有预设的 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']
    ]
  }

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

> 1%
last 2 versions
not ie < 11