首页 > 分享 > babel 解决浏览器兼容性问题

babel 解决浏览器兼容性问题

最新推荐文章于 2023-12-23 22:02:18 发布

宝儿的程序生涯 于 2020-05-07 16:42:59 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文主要探讨在vue-cli3项目中遇到的浏览器兼容性问题,特别是IE和360浏览器。通过查阅babel中文文档和vue-cli3的配置说明,了解到browserslist字段在指定目标浏览器范围上的作用,它影响@babel/preset-env和Autoprefixer的配置。通过更新package.json中的browserslist,项目成功在360浏览器上运行,但IE浏览器仍存在页面样式问题,主要是由于flex布局不被支持。对于IE的兼容性问题,需要进一步检查和适配CSS属性。

摘要由CSDN通过智能技术生成

展开

这里遇到的问题是,本地的vue-cli3项目无法在ie和360浏览器运行

babel中文文档
vue-cli3下,配置IE浏览器兼容性
在这里插入图片描述
别的不管,这里我就想知道他是如何解决我这个问题,在浏览器显示我要的页面就ok
那么就看他如何配置

vue-cli官网关于浏览器兼容性的介绍

你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

// package.json "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8", "not ie <= 11", "Android >= 4.0"123456

相关知识

babel 解决浏览器兼容性问题
解决Vue在IE中报错出现不支持=>等ES6语法和“Promise”未定义等问题
vue项目使用js监听浏览器关闭、刷新、后退事件
如何清除手机uc浏览器缓存/UC浏览器清除记录
如何卸载360浏览器
Adobe Flash Player 20.0.270正式版
Web3.0宠物商店实战教程:ETH智能合约入门到实践
利用js实现 禁用浏览器后退
无糖浏览器
如何帮助宠物处理攻击性问题

网址: babel 解决浏览器兼容性问题 https://m.mcbbbk.com/newsview514662.html

所属分类:萌宠日常
上一篇: 在家如何做好宠物狗的安全问题呢?
下一篇: 最新!“用最烂的东西做最贵的宠物