html5 - Warum fügt Post-CSS das Browser-Präfix nicht automatisch zu CSS3-Attributen hinzu, wenn Vue-CLI-Gerüst verwendet wird?

Question

1. Warum wird das Browser-Präfix nicht automatisch zum CSS3-Attribut hinzugefügt, wenn das Gerüst der offiziellen Website von vuejs verwendet wird?
Zum Beispiel: transform: tralaste(50%, 0); fügt -webkit, -moz und andere Browser-Präfixe nicht hinzu

Answer 1

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

Answer 2

新建postcss.config.js
配置autoprefixer

Answer 3

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