具有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文件中，import 'current-script-polyfill'先于其他
• 实际上是在package.json中定义一个browserslist
• 确实有一个babel.config.js和

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

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

> 1%
last 2 versions
not ie < 11