草根吧_非盈利论坛_免费discuz插件_discuz风格模板_微擎资源_phpwind插件_phpwind教程

[font=&quot]关于vue2.0中rem的运行环境搭建的过程，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

[color=rgb(61, 70, 77)][font=&quot]1.下载lib-flexible文件

[color=rgb(61, 70, 77)][font=&quot]　　npm install lib-flexible --save

[color=rgb(61, 70, 77)][font=&quot]2.引入lib-flexible文件

[color=rgb(61, 70, 77)][font=&quot]　　import 'lib-flexible'

[color=rgb(61, 70, 77)][font=&quot]3.安装px2rem

[color=rgb(61, 70, 77)][font=&quot]　　#. npm i postcss-px2rem --save

[color=rgb(61, 70, 77)][font=&quot]　　#. npm install px2rem-loader --save

[color=rgb(61, 70, 77)][font=&quot]4.配置build目录下vue-loader.conf.js

[color=rgb(61, 70, 77)][font=&quot]　　postcss:[require('postcss-px2rem')({'remUnit':75,'baseDpr':2})]

[color=rgb(61, 70, 77)][font=&quot]　　

[color=rgb(61, 70, 77)][font=&quot]　　remUnit: 设计稿的10分之1（如750，这里就设置75）

[color=rgb(61, 70, 77)][font=&quot]　　baseDpr: ....

[color=rgb(61, 70, 77)][font=&quot]以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

[color=rgb(61, 70, 77)][font=&quot]相关推荐：

[color=rgb(61, 70, 77)][font=&quot]分析Vue中mixin的使用方法

[color=rgb(61, 70, 77)][font=&quot]如何通过Vue.js使用Font Awesome实现小图标

[color=rgb(61, 70, 77)][font=&quot]vue中Element表单验证的使用方法

[color=rgb(61, 70, 77)][font=&quot]以上就是关于vue2.0中rem的运行环境搭建的过程的详细内容，更多请关注php中文网其它相关文章！