vue3.0配置px转vw的方法

vue3.0配置px转vw的方法:

安装npm install postcss-pxtorem --save-dev

因为插件的配置选项中有个exclude选项,它的值只支持正则表达式,但是正则表达式再json中是不允许的,所以不要配置在package.json中,要配置在vue.config.js里

propList: ['font', 'font-size', 'line-height', 'letter-spacing'],  可配置哪些参数转换为vw

css: {
  loaderOptions: {
    postcss: {
      plugins: [
        require("postcss-px-to-viewport")({
          unitToConvert: "px",
          viewportWidth: 1920,
           viewportHeight:1080,
          unitPrecision: 3,
          propList: [
            "*"
          ],
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: /(\/|\\)(node_modules)(\/|\\)/,
        })
      ]
    }
  }
},

版权声明:本文为qq_41781984原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。