美文网首页
在webpack配置中添加px转换成rem

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

作者: 咿呀咿呀_b53d | 来源:发表于2019-07-12 17:01 被阅读0次
// 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

      本文链接:https://www.haomeiwen.com/subject/tjeykctx.html