postCss+vw的vue移动端配置

1.没有postCss则先安装postcss

原文链接https://segmentfault.com/a/1190000017708891

2.文件目录创建postcss.config.js文件

3.在postcss.config.js里添加如下代码

module.exports = {
  'plugins': {
    "postcss-px-to-viewport": {
      viewportWidth: 750, // 设计稿宽度
      viewportHeight: 1334, // 设计稿高度，可以不指定
      unitPrecision: 3, // px to vw无法整除时，保留几位小数
      viewportUnit: 'vw', // 转换成vw单位
      selectorBlackList: ['.ignore', '.hairlines'], // 不转换的类名
      minPixelValue: 1, // 小于1px不转换
      mediaQuery: false, // 允许媒体查询中转换
      exclude: /(\/|\\)(node_modules)(\/|\\)/ //不转换我们引入的第三方包
    },
    // to edit target browsers: use "browserslist" field in package.json
    'autoprefixer': {}
  }
}