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

你说的是在dev阶段没有给你加前缀吧, dev阶段没有配置autoprefixer, build阶段有.
其实没必要在dev阶段开启autoprefixer, 这样编译不就慢了吗(虽然微小慢),开发时候针对当前浏览器开启前缀就够了

我想大声告诉你 · Answer

新建postcss.config.js
配置autoprefixer

怪我咯 · Answer

解决了，在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']
      })
    ]
  }