internet-explorer-11 - 支持 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 中放入了正确的“浏览器列表”。

看来我必须使用带有预设的 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 文件中，先导入“current-script-polyfill”
• 确实在package.json中定义了一个browserslist
• 确实有一个 babel.config.js 和

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

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

> 1%
last 2 versions
not ie < 11