本節知識點

• 自動添加css3前綴,以期待瀏覽器的識別

PostCSS

• PostCSS是一個CSS的處理平臺，他有很多功能，本節主要是利用加前綴的功能

(一)安裝

• 主要需要兩個包 postcss-loader 和autoprefixer(自動添加前綴的插件)

npm install postcss-loader autoprefixer --save-dev

• postcss.config.js 在webpack.config.js同級目錄下建一個文件

postCSS推薦在項目根目錄(和webpack.config.js同級),建立一個postcss.config.js文件

module.exports = {
    plugins:[
        require('autoprefixer')
    ]
}

• 編寫loader

要是提取css就這樣寫

            {
                test:/\.css$/,
                use: extracTextPlugin.extract({
                    fallback: "style-loader",
                    use:[
                        {loader:"css-loader",options:{importLoaders:1}},
                        "postcss-loader"
                    ]
                })
            },

要是不提取CSS就這樣寫

{
  test: /\.css$/,
  use:[
         {loader:"style-loader"},
         {
         loader:"css-loader",
        options:{
           modules: true
          }
         } ,
      {
           loader:"postcss-loader"
      }  
      ]
}