如何在vue-cli环境下如何使用lib-flexible px2rem 成功编译scss 如何配置loader

Question

如何在vue-cli环境下如何使用lib-flexible px2rem 成功编译scss 如何配置loader
scss是写在.vue文件中的 配置了build/utils.js

 <style lang="scss">
    $c:pink;
    .test{
        width:200px;
        height:200px;
        background-color:$c;
    }
 </style>

然后在chorme的手机视口上跑起来 还是显示px 而不是rem

Answer 1

loaders 换这个试下 少配了px2remLoader
const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]