webpack整理（三）

今天整理postcss-loader 和 autoprefixer
postcss-loader与autoprefixer 结合可以 给css加浏览器的前缀 例如：给transform 加 --webkit–transform，设置autoprefixer的参数可以设置兼容什么浏览器，默认兼容市场占有率5%以上的浏览器

安装 npm i postcss-loader autoprefixer -D

1，在webpack.config.js中配置

配置完成以后运行webpack命令：
例如：原始的css中含有transform

打包后的代码：

自动加上了css前缀。

如果想要配置autofixer，在package.json中配置：

1%: 所有市场占有率大于1%的浏览器
last 5 versions : 浏览器最近的5个版本
not ie <= 8 :不支持Ie8以下的版本

重新运行webpcak：

增加了css前缀，兼容更多的浏览器