如何将Vue项目在Webpack2中实现移动端字体自适应功能？

本文共计903个文字，预计阅读时间需要4分钟。

使用Vue开发移动端页面时，常常需要实现不同设备屏幕的尺寸适配，即将px值自动换算成rem单位。实际上，只需安装以下两个插件即可快速实现移动端适配问题：

1. FastClick：用于解决移动端点击事件延迟问题。

2.Vw-Rem：自动将px值换算成rem单位。

安装插件后，即可实现快速适配移动端页面。

使用vue开发移动端页面时，往往需要实现页面根据不同设备屏幕进行尺寸的适配，实现将px自动换算成rem单位，其实只需要安装下面的两个插件即可快速实现移动端适配问题。

1 准备工作：
a. 安装 px2rem-loader 插件：npm install px2rem-loader --save；

b. 安装 lib-flexible 插件：npm install lib-flexible --save;

2 插件的作用：
px2rem-loader插件的作用：我们通过配置基准，实现将px自动换算成rem，
lib-flexible插件的作用：根节点会根据页面视口变化而变化font-size大小。