問(wèn)題描述

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

問(wèn)題解答

你說(shuō)的是在dev階段沒(méi)有給你加前綴吧, dev階段沒(méi)有配置autoprefixer, build階段有.其實(shí)沒(méi)必要在dev階段開(kāi)啟autoprefixer, 這樣編譯不就慢了嗎(雖然微小慢),開(kāi)發(fā)時(shí)候針對(duì)當(dāng)前瀏覽器開(kāi)啟前綴就夠了

新建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’] }) ] }