在webpack配置中添加px转换成rem

// rem的适配,引用lib-flexible,生产使用
cnpm i lib-flexible -S

// px自动转换成rem,本地安装
cnpm i px2rem-loader -D

// 配置loader,在打包时自动将px转换成rem
plugins: [
    // 处理less文件
    {
        test: /.less$/,
        use: [
            // 省略其他loader
            ……
            // 将px转换成rem
            {
                loader: 'px2rem-loader',
                options: {
                    // 对应比例,750px设计稿
                    remUnit: 75,
                    // 转换成rem时保留的小数位
                    remPrecision: 8
                }
            }
        ]
      },
]

你可能感兴趣的:(在webpack配置中添加px转换成rem)