vue项目搭建之安装postcss-px-to-viewport插件进行适配

274 阅读1分钟

1.在vscode 左上角 搜索"postcss-px-to-viewport"插件并进行安装

2.在根目录下找到".postcssrc.js"文件,并在文件中写入(缺少的部分进行添加即可)

module.exports = {

"plugins": {

"postcss-import": {},

"postcss-url": {},

// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {},

"postcss-px-to-viewport":{

  viewportWidth: 750,
  
  viewportUnit: 'vw',
  
  minPixelValue: 1,
  
  decimal: 3
}

}

}

3.在vscode中书写代码以后自动转换成vw啦