建議在webpack.config.js同層目錄下建立postcss.config.js,否則如果你把postcss的一些options寫在loader里面，你引入less和sass的時候同樣需要再寫一遍postcss的配置。

postcss.config.js代碼如下:

module.exports = {

????????plugins:[

????????? ? ? ? require('postcss-import'),//需要安裝 npm install postcss-import --save-dev,這句代碼是會對一個js文件里面import進(jìn)來的多個css放在同一個style里面，如果是多個文件引入就會生成多個

????????? ? ? ? require('autoprefixer')({

????????? ? ? ? ? ? ? ? broswers:['>1%','last 5 versions','Firefox ESR','not ie < 9']

????????? ? ? ? ?})

?????????]

}

webpack.config.js代碼如下：

????????????{

? ? ? ? ? ? ? ? test: /\.css$/,

????????????????//這里用數(shù)組方式或者loader字符串連接方式都可以

? ? ? ? ? ? ? ? use:[

????????????????????????'style-loader',

? ? ? ? ? ? ? ? ? ? ? ? 'css-loader?importLoaders=1'，//對于css中@import進(jìn)來的css同樣做前綴處理

????????????????????????'postcss-loader'

? ? ? ? ? ? ? ? ]

? ? ? ? ? ? }