在vue-cli4中移動端的自適應：amfe-flexible和px2rem-loader

1、首先在項目中安裝以下依賴

npm install px2rem-loader --save
npm install amfe-flexible --save
npm install postcss-px2rem --save

2、在main.js中添加：

import 'amfe-flexible'

3、在vue.config.js中進行配置

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-px2rem')({remUnit: 37.5}),
                ]
            }
        }
    },
}