麻烦老师看一下我这个错在哪里

这是主页面
<template>
<div>
<div class="abc"></div>
<p v-bind:style="[chek,changes]">sdflskfj</p>
</div>
</template>
<script>
export default {
data(){
return {
}
},
}
</script>

<style scoped>
.abc{
width: 375px;
height: 500px;
background: blue
}
</style>

//这是main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
// import store from './store'
import './config/rem'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
}

这是rem'.js

(function () { function a() { var b = document.documentElement.clientWidth; b = b > 750 ? 750 : b; var c = b / 750 * 100; document.getElementsByTagName("html")[0].style.fontSize = c + "px" } a(); window.onresize = a })();

这是ulit里修改的部分

var px2remloader = {
loader:'px2rem-loader',
option:{
remUnit:50
}
}
// generate loader string to be used with extract text plugin
function generateLoaders (loader, loaderOptions) {
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader,px2remloader]

最后如上图所示...设置的375px会变成5rem,这是为什么???实际画面中,375px对应的fontsize也是50px,我配置那里设置的也是50......那不应该变成7.5rem吗....已经重新启动项目过了也没用....不知道错在哪里