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的前綴

===