webpack加载postcss，以及autoprefixer的loader

webpack2.0加载postcssloader以及autoprefixer实现自动根据兼容性的需求给css加私有前缀的功能，给开发带来便利，

下面是我的配置信息，亲测有效：

1.webpack.config.js的配置：

module: {

　　rules: [
　　　　{

　　　　　　test: /\.vue$/,

　　　　　　loader: 'vue-loader',

　　　　　　options: {

　　　　　　// vue-loader options go here

　　　　　　postcss: [require('autoprefixer')({ browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie > 8'] })]

　　　　　　}

　　　　},
　　　　{

　　　　　　test: /\.js$/,

　　　　　　loader: 'babel-loader',

　　　　　　exclude: /node_modules/

　　　　},

　　　　{

　　　　　　test: /\.css$/,

　　　　　　loaders:'style-loader!css-loader'

　　　　},

　　　　{

　　　　　　test: /\.less$/,

　　　　　　loader: 'style-loader!css-loader!postcss-loader!less-loader',

　　　　　　exclude: /node_modules/

　　　　},

　　　　{

　　　　　　test: /\.(eot|svg|ttf|woff|woff2)$/,

　　　　　　loader: 'file'

　　　　},

　　　　{

　　　　　　test: /\.(png|jpg|gif|svg)$/,

　　　　　　loader: 'file-loader',

　　　　　　options: {

　　　　　　　　name: '[name].[ext]?[hash]'

　　　　　　}

　　　　}

　　]

}