npm install -g @vue/cli
vue create my-vue-project
cd my-vue-project

npm install postcss postcss-loader postcss-pxtorem --save-dev

module.exports = {
    plugins: {
        'postcss-pxtorem': {
            rootValue: 37.5, // 根元素字體大小，根據(jù)設(shè)計(jì)稿調(diào)整，一般設(shè)置為設(shè)計(jì)稿寬度的1/10
            propList: ['*'], // 需要轉(zhuǎn)換的屬性，* 表示所有屬性都轉(zhuǎn)換
            selectorBlackList: ['.ignore-'], // 選擇器黑名單，匹配到的選擇器中的 px 不轉(zhuǎn)換
            minPixelValue: 2 // 最小轉(zhuǎn)換的像素值，小于該值的 px 不轉(zhuǎn)換
        }
    }
};

module.exports = {
    css: {
        loaderOptions: {
            postcss: {
                postcssOptions: {
                    plugins: [
                        require('postcss-pxtorem')({
                            // 這里的配置也可以直接寫(xiě)在 postcss.config.js 里
                            // 如果你已經(jīng)在 postcss.config.js 配置好了，這里可以省略
                        })
                    ]
                }
            }
        }
    }
};

<template>
  <div class="box">
    This is a box.
  </div>
</template>

<style scoped>
.box {
    width: 375px;
    height: 100px;
    font-size: 16px;
    background-color: lightblue;
}
</style>

// src/main.js
new Vue({
    render: h => h(App),
}).$mount('#app');

// 設(shè)置根元素字體大小
document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px';
window.addEventListener('resize', () => {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px';
});

npm run serve