您的位置:首页技术文章
文章详情页

html5 - 为什么使使用vue cli 脚手架,post-css 没有自动对css3属性自动添加浏览器前缀呢?

浏览:28日期:2022-12-23 10:05:10

问题描述

1.使用vuejs 官网的脚手架为为什么没有自动为css3属性添加浏览器前缀呢?比如: transform: tralaste(50%, 0);就没有添加-webkit , -moz等浏览器前缀

问题解答

回答1:

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

回答2:

新建postcss.config.js配置autoprefixer

回答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’] }) ] }

标签: Html5