Vue-cli3.X中px转rem遇到兼容性和计算问题,如何高效解决?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1034个文字,预计阅读时间需要5分钟。
将项目脚手架升级为CLI 3.X后,模板变得更加简洁,运行速度也更快了。但随之而来的是一些兼容性问题。例如,当项目需要使用px2rem来计算设计稿时,我们不能再像以前那样使用脚本了。
把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢?
首先,我们应该用NPM来安装postcss-px2rem
npm i postcss-plugin-px2rem --save -dev
然后我们需要在vue.config.js中创建一个配置。由于在vue-cli3.X中。去掉了build和config文件夹。
本文共计1034个文字,预计阅读时间需要5分钟。
将项目脚手架升级为CLI 3.X后,模板变得更加简洁,运行速度也更快了。但随之而来的是一些兼容性问题。例如,当项目需要使用px2rem来计算设计稿时,我们不能再像以前那样使用脚本了。
把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢?
首先,我们应该用NPM来安装postcss-px2rem
npm i postcss-plugin-px2rem --save -dev
然后我们需要在vue.config.js中创建一个配置。由于在vue-cli3.X中。去掉了build和config文件夹。

