npm i postcss-pxtorem -D后没有webpack.config.js

如果你在项目中使用了 webpack，那么你需要手动在项目根目录下添加一个 webpack.config.js 文件。然后在该文件中配置使用 postcss-pxtorem 插件。下面是一个简单的示例：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const PostCSSPlugin = require('postcss-pxtorem');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader
          },
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [
                PostCSSPlugin({
                  rootValue: 16, // 设计稿宽度的 1/10
                  propList: ['*']
                })
              ]
            }
          }
        ]
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html'
    }),
    new MiniCssExtractPlugin({
      filename: 'style.css'
    })
  ]
};

在该配置中，我们使用了 postcss-loader 和 PostCSSPlugin 插件来实现自动转换像素单位为 rem 单位。其中，PostCSSPlugin 的 rootValue 参数表示设计稿的宽度除以 10，propList 参数表示需要转换的 CSS 属性列表，这里我们设置为所有属性均需要转换。