pc适配怎么用lib-flexible和postcss-px2rem、px2rem-loader

使用lib-flexible和postcss-px2rem、px2rem-loader进行PC适配的步骤如下：

1. 安装依赖

npm install lib-flexible postcss-px2rem px2rem-loader --save-dev

2. 在项目根目录下创建postcss.config.js文件，并添加以下配置：

module.exports = {
  plugins: {
    'postcss-px2rem': {
      remUnit: 75  // 设计稿宽度/10，如750/10=75
    }
  }
}

3. 在webpack.config.js文件中添加以下配置：

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader',
          'px2rem-loader'
        ]
      }
    ]
  }
}

4. 在入口文件（如index.js）中引入lib-flexible：

import 'lib-flexible';

5. 在需要适配的CSS文件中使用px作为单位，如：

div {
  width: 100px;
  height: 50px;
  font-size: 20px;
}

6. 执行webpack打包命令，即可完成PC适配。