最后的browerslist不是太明白

来源:6-1 webpack的优化配置【了解这些优化配置才敢说会用webpack】

起点丶

2021-05-18

  • 配置这个browerslist,是配置在babel的配置文件里么?我看github文档里还可以配置在package.json中,有什么区别么?
  • babel会根据配置的来兼容这些浏览器,css和js都会去做兼容么?
  • 比如说:假如promise在某些浏览器不兼容,配置后它也会去做兼容处理?会根据兼容情况去分别处理?
写回答

1回答

Mr_Max

2021-05-19

同学你好!

首先browerslist的配置有多种方式,这个你在它github应该看到了,任选其一:

//img.mukewang.com/szimg/60a45a5009f4559917380460.jpg

然后babel preset-env默认会使用你配置的browerslist;如果你设置了targets会重载。这个你可以看下官方说明:https://babeljs.io/docs/en/babel-preset-env

//img.mukewang.com/szimg/60a45b120929a55616480158.jpg


第2个问题,babel不会处理css的。可以看下babel preset-env的作用理解下它做了什么:

//img.mukewang.com/szimg/60a45c0709584bba15900190.jpg


问题3,是的,它会根据需要引入promise的兼容实现来支持指定的浏览器。

0
1
起点丶
谢谢老师!!
2021-05-19
共1条回复

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程