Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?

2026-04-08 19:330阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1034个文字,预计阅读时间需要5分钟。

Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?

将项目脚手架升级为CLI 3.X后,模板变得更加简洁,运行速度也更快了。但随之而来的是一些兼容性问题。例如,当项目需要使用px2rem来计算设计稿时,我们不能再像以前那样使用脚本了。

把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢?

首先,我们应该用NPM来安装postcss-px2rem

npm i postcss-plugin-px2rem --save -dev

Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?

然后我们需要在vue.config.js中创建一个配置。由于在vue-cli3.X中。去掉了build和config文件夹。

阅读全文
标签:问题

本文共计1034个文字,预计阅读时间需要5分钟。

Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?

将项目脚手架升级为CLI 3.X后,模板变得更加简洁,运行速度也更快了。但随之而来的是一些兼容性问题。例如,当项目需要使用px2rem来计算设计稿时,我们不能再像以前那样使用脚本了。

把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢?

首先,我们应该用NPM来安装postcss-px2rem

npm i postcss-plugin-px2rem --save -dev

Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?

然后我们需要在vue.config.js中创建一个配置。由于在vue-cli3.X中。去掉了build和config文件夹。

阅读全文
标签:问题