在package.json中可以配置browserslist
在根目录下面创建.browserslistrc也可以配置browserslist
browserlist的作用就是查询哪些浏览器需要被兼容
安装postcss和命令行工具postcss-cli
postcss使用autoprefixer插件将css转换为需要浏览器适配的css(需要的浏览器适配种类依赖的是browserslist, 从而转换为不同的适配css)
为了在我们webpack项目中统一加上css前缀,那么我们需要postcss-loader去将css统一加上前缀再交给css-loader处理
但是postcss-loader本身是无法给css添加前缀的,需要给postcss-loader配置插件
通过postcss-loader和autoprefixer插件我们给css添加了前缀
postcss-preset-env插件可以帮助我们适配大部分浏览器的css(使用较多)
postcss-preset-env插件中包含了autoprefixer,所以我们只使用postcss-preset-env插件即可
也可以将插件写成字符串
我们也可以将postcss-loader的插件单独抽离出来,配置到根目录下的postcss.config.js,通过mudole.exports = {}的方式导出插件,webpack则会自动加载postcss-loader的插件