欢迎光临散文网 会员登陆 & 注册

webpack postcss-loader 处理兼容

2022-02-07 16:15 作者:不良人王德发  | 我要投稿

postcss-loader处理 css 兼容,需要有两个模块配合:

1、autoprefixer 或者 postcss-preset-env

2、.browserslitrc 文件

postcss-loader 的工作流程:单独配置了 postcss-loader 并不能处理css兼容,

它需要根据 .browserslitrc 文件 返回的需要兼容的浏览器范围,使用 autoprefixer 或者 postcss-preset-env 处理css兼容

postcss-loader 配置: 

当 less-loader 处理完毕交给 postcss-loader时,就会自动读取postcss.config.js 文件

跟 webpack.config.js 同级,创建 postcss-loader 的配置文件 postcss.config.js 

跟 webpack.config.js 同级,创建 .browserslistrc 文件,这个文件提供了需要兼容的浏览器的兼容范围

附加知识点:importLoaders

出现情景:

 处理方法:


webpack postcss-loader 处理兼容的评论 (共 条)

分享到微博请遵守国家法律