webpack的学习使用四

如今有不少新的CSS3语法，因为有的浏览器没有支持和兼容性问题，有的还只是试验阶段，因此须要加上浏览器前缀，webpack提供了响应的插件。

postcss-loader和autoprefixer

安装命令：npm install --save-dev postcss-loader autoprefixer

安装完成后在webpack.config.js里添加postcss,和依赖的autoprefixer

 

 

index.css里加入一些新的CSS3语句，如在body里添加：

display:flex;

 

接着CMD里运行一下命令 npm start 如图

 

在接着用浏览器打开index.html, 按F12检查一下，以下图：

 

点body能够看到多出了webkit-box和ms的前缀

===