在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
                }
            }
        ]
      },
]
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容