支持 IE11 的 vue cli3 lib

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'在其他任何事情之前
• 确实browserslist在 package.json 中定义了一个
• 事实上，有一个babel.config.js用

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

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

> 1%
last 2 versions
not ie < 11