nuxt文档说明nuxt2是自带autoprefixer的
但是项目搭建完之后死活都没有生效,后面看了postcss文档,autoprefixer文档说明
但是postcss官网对于autoprefixer的配置跟nuxt上配置位置不太一样
通过查看nuxt官网发现autoprefixer的配置在nuxt.config.js里面的build对象下
postcss: {
preset: {
autoprefixer: {grid: true}
}
}
配置完之后还是没生效,也有尝试在项目中安装autoprefixer依赖作为插件引入,还是没生效
后面想到autoprefixer是根据支持的浏览器列表去添加对应前缀的,可能还是这个没配置对?
遂修改.browserslistrc配置为: last 2 version #最后的两个版本
重启项目,有了
最后再加多两个配置,最终配置:
> 1%
last 2 version #最后的两个版本
not ie <= 10