如何通过webpack2在vue项目中实现移动端字体自适应功能？

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

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

1. `flexible`：用于实现px到rem的自动换算。

2.`vue-flexible`：Vue版本的可视化插件，方便快速配置。

安装后，只需简单配置即可实现移动端适配。

使用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大小。

3 在utils.js文件配置px2rem-loader：
安装完上边两个插件后，可以在package.json中查看到是否安装成功，以及他们的版本信息，其实一般安装插件时，如果没有自己指定版本，基本都会自动安装最新的版本。