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

問題描述

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

問題解答

你說的是在dev階段沒有給你加前綴吧, dev階段沒有配置autoprefixer, build階段有.其實沒必要在dev階段開啟autoprefixer, 這樣編譯不就慢了嗎(雖然微小慢),開發時候針對當前瀏覽器開啟前綴就夠了

新建postcss.config.js配置autoprefixer

解決了，在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’] }) ] }