Vue-cli4.x中配置Autoprefixer

Vue CLI 内部使用了 PostCSS
所以只需要修改.postcssrc.js和.browserslistrc文件即可,没有的话新建文件
Vue-cli4.x中配置Autoprefixer_第1张图片
.postcssrc.js

module.exports = {
  plugins: {
    "autoprefixer": {}
  }
};

.browserslistrc

> 1%
last 2 versions
not dead

测试的时候可以把.browserslistrc改成最后20个版本,否则可能看不到效果,
修改后需要重启

> 1%
last 20 versions
not dead

效果如下图,flex自动加了前缀
Vue-cli4.x中配置Autoprefixer_第2张图片

你可能感兴趣的:(vue-cli3打包配置,vue.js,javascript,postcss)