Vue项目中vw适配

前端-小贺

已于 2022-11-04 14:10:37 修改

阅读量197

点赞数 1

分类专栏：个人笔记-Vue 文章标签： vue.js javascript 前端

于 2022-11-04 13:56:04 首次发布

本文链接：https://blog.csdn.net/hjqcsdnxiaobai/article/details/127687602

版权

个人笔记-Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

安装 postcss-px-to-viewport 插件 npm install postcss-px-to-viewport --save-dev

新建 postcss.config.js配置文件(项目子级)

const path = require('path')

module.exports = () => {
  return {
    plugins: {
      autoprefixer: {},
      'postcss-px-to-viewport': {
        viewportWidth: 750, // 750, //设计稿尺寸
        exclude: /(\/|\\)(node_modules)(\/|\\)/ // 第三方UI组件单位不转vw
      }
    }
  }
}