// eslint-disable-next-line no-undef
const postcssPresetEnv = require("postcss-preset-env");
// const pxtorem = require("postcss-pxtorem");
// eslint-disable-next-line no-undef
const viewport = require("postcss-mobile-forever");
const baseViewportOpts = {
  rootSelector: "#app", // 根元素选择器，用于设置桌面端和横屏时的居中样式
  viewportWidth: 750, // 设计稿的视口宽度，可传递函数动态生成视图宽度
  unitPrecision: 3, // 单位转换后保留的精度（很多时候无法整除）
  propList: [
    "*",
    // '!font-size'
  ], // 能转化为vw的属性列表，!font-size表示font-size后面的单位不会被转换
  // 指定不转换为视口单位的类，可以自定义，可以无限添加，建议定义一至两个通用的类名
  // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
  // 下面配置表示类名中含有'keep-px'以及'.ignore'类都不会被转换
  selectorBlackList: [".ignore", "keep-px"],
  // 下面配置表示属性值包含 '1px solid' 的内容不会转换
  valueBlackList: ["1px solid"],
  border: true, // 为桌面端和横屏视图添加边框
  disableDesktop: false, // 关闭桌面端适配
  disableLandscape: false, // 关闭横屏适配
  mobileUnit: "vw", // 指定需要转换成的视口单位，建议使用 vw
};

// eslint-disable-next-line no-undef
module.exports = {
  plugins: [
    postcssPresetEnv(),
    viewport({
      ...baseViewportOpts,
      // 只将 vant 转为 350 设计稿的 viewport，其它样式的视图宽度为 750
      viewportWidth: (file) => (file.includes("node_modules/vant/") ? 375 : 750),
    }),

    // pxtorem({
    //   rootValue({ file }) {
    //     // 特别注意：如果用vant官网示例 `file.indexOf('vant')` 来匹配，请确保你的项目名或文件名没有包含'vant'
    //     return file.indexOf("node_modules/vant") !== -1 ? 37.5 : 75;
    //   },
    //   propList: ["*"],
    // }),
  ],
};