postcss-loader

postcss-loader

使用 PostCSS 处理 CSS 的 loader。

快速开始

如果要使用最新版本的话，你需要使用 webpack v5。如果使用 webpack v4 的话，你需要安装 postcss-loader v4。

为了使用本 loader，你需要安装 postcss-loader 和 postcss：

npm install --save-dev postcss-loader postcss

然后添加本 loader 的相关配置到你的 webpack 的配置文件。

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "postcss-loader",
            options: {
              postcssOptions: {
                plugins: [
                  [
                    "postcss-preset-env",
                    {
                      // 其他选项
                    },
                  ],
                ],
              },
            },
          },
        ],
      },
    ],
  },
};

postcss-adaptive-extra

参考

• 移动端 rem 转换的办法和策略
• 15. 重学 webpack——移动端适配方案