vue2,vuecli5,webpack4.46使用postcss-pxtorem

使用postcss-pxtorem可以将px单位转换为rem单位，以适配不同屏幕大小。

首先，安装postcss-pxtorem和postcss-loader：

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

然后，在webpack配置中添加postcss-loader：

module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              postcssOptions: {
                plugins: [
                  require('postcss-pxtorem')({
                    rootValue: 16, // 设计稿的根字体大小
                    propList: ['*'],
                  }),
                ],
              },
            },
          },
        ],
      },
      // ...
    ],
  },
  // ...
};

其中，`rootValue`为设计稿的根字体大小，`propList`表示需要转换的属性，默认为`['font-size']`，如果需要转换所有属性，可以设置为`['*']`。