作为前端开发css的兼容问题是不可避免的,下面我将介绍在vue-cli中如何使css在编译的时候自动添加厂商前缀。首先我们在初始化的vue-cli根目录下找到.postcssrc.js 文件。
在这里我们可以看到关于autoprefixer的配置是在package.json下的browserslist选项
通过在browserslist中配置autoprefixer兼容要求,通过npm run build打包项目之后,css会自动添加厂商前缀。
当然如果你使用的是@import引入css的话你还需要在utils.js中加入这句话 importLoaders: 1。