使用postcss-px-to-viewport兼容vant时适配问题?

使用postcss-px-to-viewport适配时,网上搜的大多都是这种,但我运行后,发现根本找不到file,请问这是什么原因呢?

const path = require("path");
 
module.exports = ({ file }) => {
  const designWidth = file.includes(path.join("node_modules", "vant")) ? 375 : 750;
  return {
    plugins: {
      autoprefixer: {},
      "postcss-px-to-viewport": {
        unitToConvert: "px",
        viewportWidth: designWidth,
        unitPrecision: 6,
        propList: ["*"],
        viewportUnit: "vw",
        fontViewportUnit: "vw",
        selectorBlackList: [],
        minPixelValue: 1,
        mediaQuery: true,
        exclude: [],
        landscape: false,
      },
    },
  };
};
阅读 3.3k
1 个回答
const designWidth = file.includes(path.join("node_modules", "vant")) ? 375 : 750;

你这段nodejs代码的目的就是判断 node_modules 下面是否存在 vant 文件夹?
可以换成 fsapi 实现

const fs = require('fs')
...
const vantDir = path.join("./node_modules", "vant") // 获取 vant 目录
const designWidth = fs.existsSync(vantDir) ? 375 : 750
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题