首页 > 其他分享 >关于postcss-preset-env 的配置

关于postcss-preset-env 的配置

时间:2022-12-21 17:33:30浏览次数:62  
标签:features 启用 preset env postcss 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”

标签:features,启用,preset,env,postcss,stage
From: https://www.cnblogs.com/canylee/p/16996743.html

相关文章