2024/01/24 需求变更

package.json

@@ -61,7 +61,6 @@
     "html-webpack-plugin": "3.2.0",
     "mockjs": "1.0.1-beta3",
     "node-sass": "^4.9.0",
-    "postcss-pxtorem": "^5.1.1",
     "runjs": "^4.3.2",
     "sass-loader": "^7.1.0",
     "script-ext-html-webpack-plugin": "2.1.3",

src/utils/rem.js

-// rem等比适配配置文件
 // 基准大小
 const baseSize = 16
 // 设置 rem 函数
 function setRem() {
-  // 当前页面屏幕分辨率相对于 1920宽的缩放比例，可根据自己需要修改
+  // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。
   const scale = document.documentElement.clientWidth / 1920
+  // 设置页面根节点字体大小, 字体大小最小为12
   // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
   document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
 }
 // 初始化
 setRem()
-// 改变窗口大小时重新设置 rem
+// 改变窗口大小时重新设置 rem,这里最好加上节流
 window.onresize = function() {
   setRem()
 }
+

vue.config.js

@@ -56,12 +56,7 @@ module.exports = {
     loaderOptions: {
       postcss: {
         plugins: [
-          postcss,
-          require('postcss-pxtorem')({
-            rootValue: 16, // 换算的基数
-            selectorBlackList: [], // 忽略转换正则匹配项 列入一些ui库, ['.el'] 就是忽略elementUI库
-            propList: ['*']
-          })
+          postcss
         ]
       },
       sass: {