vuecli内使用hotcss做移动端适配

下载hotcss，并在main.js内引用

 

接下来要安装换算PX换算REM插件

cnpm install postcss-px2rem --save

然后在 vue.config.js加入：

module.exports = {
    lintOnSave: false,//关闭eslint
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-px2rem')({remUnit: 75}), // 换算的基数
                ]
            }
        }
    }
}

 

关于适配还可使用postcss-pxtorem + amfe-flexible方案。