美文网首页vue
vue-cli3使用lib-flexible和px2rem搭建项

vue-cli3使用lib-flexible和px2rem搭建项

作者: TerdShow | 来源:发表于2019-05-13 14:59 被阅读0次

    1.安装flexible

    cnpm install lib-flexible --save
    

    在main.js引入

    import 'lib-flexible/flexible.js'
    

    2.安装px2rem-exclude
    因为lib-flexible是动态添加dpr的,因此许多第三方ui库会产生错乱,因此推荐使用postcss-px2rem-exclude,它可以忽略不进行转换的文件

    cnpm install postcss-px2rem-exclude -D
    

    在postcss.config.js中进行配置

    plugins: {
        autoprefixer: {},
        "postcss-px2rem-exclude": {
            remUnit: 75,  //750的设计稿
            exclude: /node_modules|folder_name/i
        }
    }
    

    相关文章

      网友评论

        本文标题:vue-cli3使用lib-flexible和px2rem搭建项

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