webpack postcss-loader 處理兼容
2022-02-07 16:15 作者:不良人王德發(fā) | 我要投稿
postcss-loader處理 css 兼容,需要有兩個模塊配合:
1、autoprefixer 或者 postcss-preset-env
2、.browserslitrc 文件
postcss-loader 的工作流程:單獨配置了 postcss-loader 并不能處理css兼容,
它需要根據(jù)?.browserslitrc 文件 返回的需要兼容的瀏覽器范圍,使用?autoprefixer 或者 postcss-preset-env 處理css兼容
postcss-loader 配置:?
當(dāng)?less-loader 處理完畢交給 postcss-loader時,就會自動讀取postcss.config.js 文件
跟 webpack.config.js 同級,創(chuàng)建?postcss-loader 的配置文件 postcss.config.js?
跟 webpack.config.js 同級,創(chuàng)建 .browserslistrc 文件,這個文件提供了需要兼容的瀏覽器的兼容范圍
附加知識點:importLoaders
出現(xiàn)情景:
?處理方法:
標(biāo)簽: