ant-design-vue的兼容问题2
问题:ant-design-vue不兼容ie浏览器要求:ie兼容 >= 9环境:@vue/cli@4.5.4,ant-design-vue@1.6.4之前写了一篇博文解决ant-design-vue的兼容,由于@vue/cli搭建项目升级导致不能生效,为了解决这个遗憾,本片博文诞生第一步:安装依赖npm install --save-dev @babel/plugin-transform-r
·
问题:ant-design-vue不兼容ie浏览器
要求:ie兼容 >= 9
环境:@vue/cli@4.5.4,ant-design-vue@1.6.4
之前写了一篇博文解决ant-design-vue的兼容,由于@vue/cli搭建项目升级导致不能生效,为了解决这个遗憾,本篇博文诞生
第一步:安装依赖
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime
npm install --save @babel/runtime-corejs3
第二步:修改babel.config.js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
// 兼容配置
[
"@babel/plugin-transform-runtime",
{
"corejs": 3,
"helpers": true,
"regenerator": true,
"useESModules": false
}
],
// 按需加载
[
'import',
{
libraryName: 'ant-design-vue',
libraryDirectory: 'es',
style: 'css'
}
]
]
}
第三步:修改vue.config.js
module.exports = {
transpileDependencies: [
// 可以是字符串或正则表达式
'ant-design-vue',
]
}
参考项目
更多推荐
已为社区贡献12条内容
所有评论(0)