2021-10-12记录vue+vant项目使用postcss实现移动端适配遇到的问题

为了研究vantUI自己创建了个项目，一开始写了两个列表页，后来看到vant有移动端适配的插件，想着试用一下，入坑开始。。。。
一、错误一：[object Object] is not a PostCSS plugin
第一次引入postcss-pxtorem报错，百度了好多方法，试了各种配置，没解决，最后发现是lib-flexible没安装，还有styleloader，并且postcss-pxtorem版本也有问题，选择安装5.1.1版本，这样就不报这个错了。。。

二、错误二：no postcss config in …
这个错误是因为：
首先main.js里需要引入lib-flexible文件：

import 'lib-flexible/flexible';

其次webpack.base.conf.js里需要配置：

{
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass',{
          loader: 'postcss-loader',
          options: {
            ident: 'postcss',
            plugins: () =>{
              require('autoprefixer')
            }
          }
        }]
      }, 

至于网上说postcssrc.js文件中改这改那，统统不要，按官