vue-cli4如何做移动端以及PC端的自适应适配

1. 首先安装插件

npm install amfe-flexible postcss-px2rem -S

2. 在 main.ts 中进行引入

import "amfe-flexible";

3. 在项目根目录创建vue.config.js文件，并完成以下配置： remUnit 请根据实际项目中的设计稿宽度进行设置

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    // 设计稿宽度的1/10，一般为75,设计稿为750
                    require('postcss-px2rem')({remUnit: 75}),
                ]
            }
        }
    }
}

最后，推一下我的个人空白开源项目，开箱即用，打包配置优化以及基本的项目结构，常用的路由守卫，axios拦截器，以及过滤器，typescript使用，首屏loading加载效果等都已配置https://github.com/Jack-Star-T/Vue2.6.10-typescript