postcss-preset-env 配置中,stage的作用

postcss-preset-env 可通过stage选项配置需要启用的features,默认值为2。

关于不同stage启用的features,可查看官网https://preset-env.cssdb.org/features/

也可以直接配置features,例如可以在stage为3时,不会启用“logical-properties-and-values”这个features,我们可以使用以下代码启用它

features: { 
    'logical-properties-and-values': { dir: 'ltr', }, 
},

 这个插件的作用是可以将inset:0;这样的代码编译成top:0;right:0;bottom:0;left:0; 兼容旧浏览器,特别是安卓手机,2020年左右的机型chrome版本一般都会低于87。

注意需要搭配browserslist使用,需要指定“Chrome >=79”

posted @ 2022-12-21 17:28  CY_Lee  阅读(492)  评论(0)    收藏  举报