美文网首页
在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