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

你可能感兴趣的:(vue自动px转rem)