前端常用开源库

1、lib-flexible

H5项目适配开源库，自动根据屏幕宽度以及设置的转换rem的基准px，自动转换页面设置的所有px为rem

1. 安装

npm i  lib-flexible --save

2. 在项目入口文件 main.js 中引入 lib-flexible

import 'lib-flexible/flexible.js'

3.安装 px2rem-loader

npm install px2rem-loader

4. 在cssLoade变量中r中配置 px2rem-loader

const cssLoader = {
  loader: 'css-loader',
  const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 37.5 // 设计稿的1/10
    }
  }
}