根据文档(https://cli.vuejs.org/guide/build-targets.html#library 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 。
不确定要安装什么作为开发依赖项以及要配置什么...
有人有工作示例库或一些指导吗?
回答我自己:-) 它被记录在多个地方。所以...
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
with
presets: [
['@vue/app']
]
}
Edit: 现在我们使用.browserlistrc
文件而不是 package.json 中的定义。这是我们使用的,感谢您的提问:
> 1%
last 2 versions
not ie < 11
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)