polyfill and preset的深入理解

polyfill

• 是对运行环境的补充
• 主要针对ES5不支持的浏览器或者NodeJs运行环境，进行环境补充
• 一言以蔽之：对旧环境的补充

preset

• 让新语法得到当前浏览器的支持
• 一言以蔽之：对新语法的支持

总结

• 让前端代码能够无任何问题的运行起来的思考就是：前后思考
• 前后思考：浏览器环境为前，新语法是后；preset是把代码统一到ES5水平线，polyfill是把环境补充到ES5水平线上
• 这样理解会更清晰明了，至于互相交错只是简单规则的频繁利用