vue自动px转rem

1.安装 lib-flexible

npm i lib-flexible --save

2.安装 px2rem-loader

npm install px2rem-loader --save-dev

3.引入lib-flexible
在main.js中加入

import 'lib-flexible/flexible'

4.在build文件夹中的utils.js中加入

const px2remLoader = {
      loader: 'px2rem-loader',
      options: {
        remUnit: 37.5
      }
    }
const loaders = options.usePostCSS ? [cssLoader, postcssLoader,px2remLoader] : [cssLoader,px2remLoader]

5.重启

npm run dev
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容