html5 - Why does post-css not automatically add the browser prefix to css3 attributes when using vue cli scaffolding?

Question

1. Why is the browser prefix not automatically added to css3 attributes when using the scaffolding on the vuejs official website?
For example: transform: tralaste(50%, 0); does not add -webkit, -moz and other browser prefixes

Answer 1

You are saying that the prefix is ​​not added to you in the dev stage. The autoprefixer is not configured in the dev stage, but it is in the build stage.
In fact, there is no need to enable autoprefixer in the dev stage. Won't the compilation be slower (albeit slightly slower) during development? It is enough to enable the prefix for the current browser

Answer 2

Create new postcss.config.js
Configure autoprefixer

Answer 3

Solved, configure in webpack.base.config.js

vue: {
    loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
    postcss: [
      require('autoprefixer')({
        // browsers: ['last 2 versions']
         browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie > 8']
      })
    ]
  }