how to enable the css autoprefix function in webpack.dev.config and webpack.prod.config

[mytxzz]

how to enable the css autoprefix function in webpack.dev.config and webpack.prod.config?

I try to add the following to the vue-loader.conf.js file

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    extract: isProduction
  }),
  postcss: [
     require('postcss-cssnext')({
       browsers: ['last 20 versions']
     })
   ]
}

my pakage.json file :

   "webpack": "^2.2.1",
   "postcss-cssnext": "^2.10.0",
   "postcss-loader": "^1.3.3",

when I exec the npm run dev ,no autoprefix in the flex and transform css attrs

thank you very much if anyone can help me

[posva]

Please ask questions on the forum or StackOverflow.

Maybe last 20 versions is not valid (it's quite unrealistic too). Try something like last 2 versions ie >= 9. You should look up css-next doc for that