美文网首页
vue自动px转rem

vue自动px转rem

作者: IF_123 | 来源:发表于2021-07-06 14:25 被阅读0次

    1.安装 lib-flexible

    npm i lib-flexible --save
    

    2.安装 px2rem-loader

    npm install px2rem-loader --save-dev
    

    3.引入lib-flexible
    在main.js中加入

    import 'lib-flexible/flexible'
    

    4.在build文件夹中的utils.js中加入

    const px2remLoader = {
          loader: 'px2rem-loader',
          options: {
            remUnit: 37.5
          }
        }
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader]
    

    5.重启

    npm run dev
    

    相关文章

      网友评论

          本文标题:vue自动px转rem

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