@cyber-tools/spa-build-tools/configs/defaultConfig/postcss.node_modules.js

单页应用核心构建组件

const dotProp = require("dot-prop");
const { postcss } = require("@/utils/getProjectConfig")();

const px2viewportConfig = dotProp.get(postcss, "px2viewport");


module.exports = {
  ident: "postcss",
  plugins: [
    px2viewportConfig ? require("postcss-px-to-viewport")({
      viewportWidth: 375, // (Number) The width of the viewport.
      viewportHeight: 667, // (Number) The height of the viewport.
      unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to.
      viewportUnit: 'vw', // (String) Expected units.
      selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px.
      minPixelValue: 1, // (Number) Set the minimum pixel value to replace.
      mediaQuery: false, // (Boolean) Allow px to be converted in media queries.
    }) : undefined,
    px2viewportConfig ? require("postcss-viewport-units")({}) : undefined,
  ].filter(Boolean),
  sourceMap: true
};