如何使用webpack2.0設定postcss-loader的方法詳解

這篇文章主要介紹了webpack2.0配置postcss-loader的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟著小編過來看看吧

本文介紹使用webpack2.0設定postcssloader，分享給大家。具體如下：

安裝postcss-loader

#

npm install --save-dev postcss-loader

然後設定webpack.config.js

############### ####

{
 test:/\.css$/,
 use:[
  'style-loader','css-loader?importLoaders=1','postcss-loader' 
 ] 
}

######一種方法是設定postcss.config.js################

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

######第二個辦法是webpack. config.js使用LoaderOptionsPlugin###############

module.exports = {
  plugins: [
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: function(){
          return [
            require("autoprefixer")({
              browsers: ['ie>=8','>1% in CN']
            })
          ]
        }
      }
    })
  ]
}

以上是如何使用webpack2.0設定postcss-loader的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！