当前位置: 首页 > 工具软件 > Autoprefixer > 使用案例 >

关于在nuxt上配置autoprefixer的问题

皇甫飞光
2023-12-01

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

 类似资料: