在vue-cli3/4中使用px2rem做到移动端适配

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

import Vue from ‘vue‘
import App from ‘./App.vue‘
import router from ‘./router‘
import store from ‘./store‘
import ‘amfe-flexible‘

import(‘./assets/css/reset.css‘)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount(‘#app‘)

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">