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 运用及原理


下一篇:移动端postcss-px-to-viewport的安装