html5 - 為什麼使使用vue cli 腳手架，post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢？

Question

1.使用vuejs 官網的鷹架為什麼沒有自動為css3屬性加上瀏覽器前綴呢？
例如： transform: tralaste(50%, 0);就沒有加-webkit ， -moz等瀏覽器前綴

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']
      })
    ]
  }