html网址浏览器会自动加前缀,webpack 处理css如何自动加上浏览器前缀？

module.exports = {

// js 入口文件

entry: {

index: './src/js/index.js',

about: './src/js/about.js',

pages: './src/js/pages.js'

},

output: {

path: path.join(__dirname, 'dist'),

publicPath: '/',

filename: "js/[name].[hash].bundle.js"

},

module: {

rules: [{

test: /\.css$/,

use: CssLoader.extract({

fallback: "style-loader",

use: "css-loader"

})

}, {

test: /\.scss$/,

use: CssLoader.extract({

fallback: 'style-loader',

use: ['css-loader', 'sass-loader', {

loader: 'postcss-loader',

options: {

plugins: [autoprefixer({

browsers: ['last 2 versions', 'Android >= 4.0', 'iOS 7'],

remove: true,

})]

}

}],

allChunks: true

})

}, {

test: /\.html$/,

loader: "html-loader?attrs=img:src img:data-src"

}, {

test: /\.(woff|woff2|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,

loader: 'file-loader?name=./fonts/[name].[ext]'

}, {

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

loader: 'url-loader?limit=8192&name=./img/[hash].[ext]'

}]

},

plugins: [

new webpack.optimize.CommonsChunkPlugin({

name: 'vendors',

chunks: ['index', 'pages', 'about'],

minChunks: 3

}),

CssLoader,

...

],

devServer: {

contentBase: './',

host: 'localhost',

port: 9090, //默认8080

inline: true, //可以监控js变化

hot: true, //热启动

}

}

然后生成的css文件并没有跑autoprefixer，没有自动加上浏览器前缀。

求解。

about.css :

@import url('../scss/about.scss');

about.scss :

h2{

color: #eee;

background: #333;

transform: rotate(-45deg)

}

生成的 about.css :

h2{

color: #eee;

background: #333;

transform: rotate(-45deg)

}