VUE-CLI3+PX2REM-LOADER+SCSS移动端自适应配置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE-CLI3+PX2REM-LOADER+SCSS移动端自适应配置相关的知识，希望对你有一定的参考价值。
参考技术A移动端自适应需要做适配，本文介绍vue-cli3+px2rem-loader+scss的配置
注意 ：amfe-flexible是lib-flexible的优化，主要区别是amfe-flexible不会改变视口大小
安装amfe-flexible和px2rem-loader:
在入口文件main.js文件中引入amfe-flexible：
在index.html中修改meta：
在vue.config.js中配置：
然后重启脚手架
《vue移动端h5适配解决方案（rem or vw）》
《vue-cli3+lib-flexible+postcss-px2rem+less》
以上是关于VUE-CLI3+PX2REM-LOADER+SCSS移动端自适应配置的主要内容，如果未能解决你的问题，请参考以下文章
webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!
elementui移动端适配-flexble.js和px2rem-loader
elementui移动端适配-flexble.js和px2rem-loader
vue-cli3.0 使用px2rem 或 postcss-plugin-px2rem