postcss.config.js 设置

最新推荐文章于 2024-03-31 11:30:50 发布

萌新之路

最新推荐文章于 2024-03-31 11:30:50 发布

阅读量636

点赞数 10

文章标签： javascript postcss 前端

本文链接：https://blog.csdn.net/qq_44162778/article/details/136254818

版权

module.exports = {
    'plugins':{
        'autoprefixer':{
            overrideBrowserslist:[
                'Android 4.1',
                'iOS 7.1',
                'Chrome > 31',
                'not ie <= 11',//不考虑IE浏览器
                'ff >= 30',//仅新版本用“ff >= 30”
                '> 1%',//全球统计有超过1%的使用率使用“>1%”;
                'last 2 versions',//所有主流浏览器最近2个版本
            ],
            grid:true,//开启grid布局的兼容(浏览器IE除外其他都能兼容grid,可以关闭开启)
        },
        'postcss-pxtorem': {
            rootValue: 75,//75表示750设计稿，37.5表示375设计稿
            unitPrecision:6,//计算结果保留6位小数
            selectorBlackList: ['.no-rem','no-rem'],//要忽略的选择器并保留为px
            propList:['*'],//可以从px更改为rem的属性  感叹号开头的不转换
            replace:true,//转换成rem以后，不保留原来的px单位属性
            mediaQuery: true,//允许在媒体查询中转换px
            minPixelValue: 2,//设置要替换的最小像素值
            exclude:/node_modules/i //排除 node_modules 文件(node_modules 内文件禁止转换)
        }
    }
}